Render floating comment button only if a provider is specified

components/ScrollTopAndComment.js

@@ -1,3 +1,4 @@
+import siteMetadata from '@/data/siteMetadata'
 import { useEffect, useState } from 'react'
 import smoothscroll from 'smoothscroll-polyfill'
 
@@ -25,6 +26,7 @@ const ScrollTopAndComment = () => {
     <div
       className={`fixed right-8 bottom-8 hidden flex-col gap-3 ${show ? 'md:flex' : 'md:hidden'}`}
     >
+      {siteMetadata.comment.provider && (
         <button
           aria-label="Scroll To Comment"
           type="button"
@@ -39,6 +41,7 @@ const ScrollTopAndComment = () => {
             />
           </svg>
         </button>
+      )}
       <button
         aria-label="Scroll To Top"
         type="button"