Disable giscuss comments.

Author: emeraldjava

src/components/Comments.tsx renamed to src/components/Comments.tsx.txt

@@ -1,22 +1,23 @@
-//import Giscus, { type Theme } from "@giscus/react";
-//import { GISCUS } from "@config";
-import { useEffect } from "react";
-
-// interface CommentsProps {
-//     lightTheme?: Theme;
-//     darkTheme?: Theme;
-// }
-
-export default function Comments() {
-    // const [theme, setTheme] = useState(() => {
-    //     const currentTheme = localStorage.getItem("theme");
-    //     const browserTheme = window.matchMedia("(prefers-color-scheme: dark)")
-    //         .matches
-    //         ? "dark"
-    //         : "light";
-
-    //     return currentTheme || browserTheme;
-    // });
+import { useEffect, useState } from "react";
+
+interface CommentsProps {
+    lightTheme?: Theme;
+    darkTheme?: Theme;
+}
+
+export default function Comments({
+                                     lightTheme = "light",
+                                     darkTheme = "dark",
+                                 }: CommentsProps) {
+    const [theme, setTheme] = useState(() => {
+        const currentTheme = localStorage.getItem("theme");
+        const browserTheme = window.matchMedia("(prefers-color-scheme: dark)")
+            .matches
+            ? "dark"
+            : "light";
+
+        return currentTheme || browserTheme;
+    });
 
     useEffect(() => {
         const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");

src/layouts/PostDetails.astro

@@ -7,7 +7,6 @@ import Datetime from "@components/Datetime";
 import type { CollectionEntry } from "astro:content";
 import { slugifyStr } from "@utils/slugify";
 import ShareLinks from "@components/ShareLinks.astro";
-import Comments from "@components/Comments";
 import { SITE } from "@config";
 
 export interface Props {
@@ -181,8 +180,11 @@ const nextPost =
 
     <!--
     https://github.com/giscus/giscus-component
-    https://github.com/satnaing/astro-paper/blob/main/src/content/blog/how-to-integrate-giscus-comments.md -->
+    https://github.com/satnaing/astro-paper/blob/main/src/content/blog/how-to-integrate-giscus-comments.md
+    -->
+    <!--
     <Comments client:only="react" />
+    -->
     <!--<script async src="https://giscus.app/client.js"-->
     <!--    data-repo="[ENTER REPO HERE]"-->
     <!--    data-repo-id="[ENTER REPO ID HERE]"-->