Added in Disqus Comments (maybe?)

components/NotionPage.tsx

@@ -28,6 +28,9 @@ import { PageAside } from './PageAside'
 import { PageHead } from './PageHead'
 import styles from './styles.module.css'
 
+import { DiscussionEmbed } from 'disqus-react';
+
+
 // -----------------------------------------------------------------------------
 // dynamic imports for optional components
 // -----------------------------------------------------------------------------
@@ -80,6 +83,7 @@ const Collection = dynamic(() =>
 const Equation = dynamic(() =>
   import('react-notion-x/build/third-party/equation').then((m) => m.Equation)
 )
+
 const Pdf = dynamic(
   () => import('react-notion-x/build/third-party/pdf').then((m) => m.Pdf),
   {
@@ -165,7 +169,7 @@ export const NotionPage: React.FC<types.PageProps> = ({
       propertyLastEditedTimeValue,
       propertyTextValue,
       propertyDateValue
-    }),
+      }),
     []
   )
 
@@ -242,6 +246,17 @@ export const NotionPage: React.FC<types.PageProps> = ({
     getPageProperty<string>('Description', block, recordMap) ||
     config.description
 
+  const disqus = <DiscussionEmbed
+    className='disqusComments'
+    shortname='yerazesdomain'
+    config={
+        {
+            url: {canonicalPageUrl},
+            title: {title}
+        }
+    }
+  />
+
   return (
     <>
       <PageHead
@@ -278,10 +293,9 @@ export const NotionPage: React.FC<types.PageProps> = ({
         mapImageUrl={mapImageUrl}
         searchNotion={config.isSearchEnabled ? searchNotion : null}
         pageAside={pageAside}
+        pageFooter={pageId === site.rootNotionPageId ? null : disqus}
         footer={footer}
       />
-
-      <GitHubShareButton />
     </>
   )
 }

components/PageActions.tsx

@@ -30,6 +30,7 @@ export const PageActions: React.FC<{ tweet: string }> = ({ tweet }) => {
       >
         <AiOutlineRetweet />
       </a>
+
     </div>
   )
 }

package.json

@@ -32,6 +32,7 @@
     "@vercel/og": "^0.0.19",
     "classnames": "^2.3.1",
     "date-fns": "^2.28.0",
+    "disqus-react": "^1.1.5",
     "expiry-map": "^2.0.0",
     "fathom-client": "^3.4.1",
     "got": "^12.0.3",

styles/global.css

@@ -38,3 +38,8 @@ body {
   color: var(--fg-color);
   caret-color: var(--fg-color);
 }
+
+
+.disqusComments {
+  width:  100%;
+}