From 60c98d631bceb9f666c7e6a38b1de35b92e7f6a7 Mon Sep 17 00:00:00 2001
From: somrat sorkar <themefisher.dev@gmail.com>
Date: Sun, 14 May 2023 15:18:03 +0600
Subject: [PATCH] modified Disqus

---
 src/layouts/PostSingle.astro                         | 12 +++++-------
 .../function-components/{Disqus.jsx => Disqus.tsx}   |  6 +++---
 2 files changed, 8 insertions(+), 10 deletions(-)
 rename src/layouts/function-components/{Disqus.jsx => Disqus.tsx} (76%)

diff --git a/src/layouts/PostSingle.astro b/src/layouts/PostSingle.astro
index 86d016e..b89994e 100755
--- a/src/layouts/PostSingle.astro
+++ b/src/layouts/PostSingle.astro
@@ -6,12 +6,12 @@ import Disqus from "@/function-components/Disqus";
 import { getSinglePage } from "@/lib/contentParser.astro";
 import dateFormat from "@/lib/utils/dateFormat";
 import similerItems from "@/lib/utils/similarItems";
-import { humanize, markdownify, slugify } from "@/lib/utils/textConverter";
+import { humanize,markdownify,slugify } from "@/lib/utils/textConverter";
 import { Image } from "@astrojs/image/components";
 import {
-  FaRegClock,
-  FaRegFolder,
-  FaRegUserCircle,
+FaRegClock,
+FaRegFolder,
+FaRegUserCircle,
 } from "react-icons/fa/index.js";
 
 const { blog_folder } = config.settings;
@@ -94,9 +94,7 @@ const { title, description, author, categories, image, date, tags } = post.data;
             />
           </div>
         </div>
-        <div class="mt-20">
-          <Disqus client:load />
-        </div>
+        <Disqus className="mt-20" client:load />
       </article>
     </div>
 
diff --git a/src/layouts/function-components/Disqus.jsx b/src/layouts/function-components/Disqus.tsx
similarity index 76%
rename from src/layouts/function-components/Disqus.jsx
rename to src/layouts/function-components/Disqus.tsx
index b2d1bed..70be4f4 100644
--- a/src/layouts/function-components/Disqus.jsx
+++ b/src/layouts/function-components/Disqus.tsx
@@ -2,17 +2,17 @@ import config from "@/config/config.json";
 import { DiscussionEmbed } from "disqus-react";
 import React from "react";
 
-const Disqus = () => {
+const Disqus = ({ className }: { className?: string }) => {
   const { disqus } = config;
   return (
-    <>
+    <div className={className}>
       {disqus.enable && (
         <DiscussionEmbed
           shortname={disqus.shortname}
           config={disqus.settings}
         />
       )}
-    </>
+    </div>
   );
 };