Enable reactions and comments on the blog posts

Signed-off-by: Shivank Anchal <[email protected]>

blog/2023-09-04-the-story-behind-replica_io.md

@@ -3,6 +3,8 @@ title: The Story Behind Replica_IO
 description: The Story Behind Replica_IO - an open-source framework for building practical distributed replication mechanisms.
 authors: sergefdrv
 tags: ["introduction", "announcement", "story"]
+draft: true
+comments: true # for Disqus
 ---
 
 This post tells how the Replica_IO project originated and explains the

blog/2024-03-04-on-implementation-of-distributed-prtocols/index.mdx

@@ -5,6 +5,8 @@ authors: sergefdrv
 tags: ["technical", "overview", "long"]
 toc_max_heading_level: 4
 image: "./image.png"
+draft: false
+comments: true # for Disqus
 ---
 
 This post concludes the first phase of the [state-of-the-art exploration](https://github.com/replica-io/replica-io/issues/7) in the scope of milestone [M0.1](https://github.com/replica-io/replica-io/milestone/1) of the Replica_IO project, namely exploration of selected notable distributed protocol implementations. It shares the main conclusions drawn from exploring 14 different code bases and outlines the key areas of focus for the next steps developing the Replica_IO framework.

package.json

@@ -20,6 +20,7 @@
     "@mdx-js/react": "^3.0.1",
     "botex": "^1.0.0",
     "clsx": "^2.1.1",
+    "disqus-react": "^1.1.5",
     "prism-react-renderer": "^2.3.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -44,4 +45,4 @@
   "engines": {
     "node": ">=18.0"
   }
-}
+}

src/theme/BlogPostItem/index.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { DiscussionEmbed } from 'disqus-react'
+import BlogPostItem from '@theme-original/BlogPostItem';
+import {useBlogPost} from '@docusaurus/plugin-content-blog/client'
+
+export default function BlogPostItemWrapper(props) {
+  const { metadata } = useBlogPost()
+  const { frontMatter, slug, title } = metadata
+  const { comments = true } = frontMatter
+  return (
+    <>
+      <BlogPostItem {...props} />
+      {comments && (
+        <DiscussionEmbed
+          shortname='https-replica-io-dev'
+          config={{
+            url: slug,
+            identifier: slug,
+            title,
+            language: 'en_US',
+          }}
+        />
+      )}
+    </>
+  );
+}

src/theme/Footer/Copyright/index.js

@@ -6,7 +6,6 @@ export default function CopyrightWrapper(props) {
   const { siteConfig: { customFields: {
     siteLicense,
   } } } = useDocusaurusContext();
-
   return (
     <>
       <div>Made with ❤️ on Earth.</div>