Update Giscus configuration with correct repository details

docusaurus.config.ts

@@ -224,10 +224,10 @@ const config: Config = {
 
     // Giscus configuration
     giscus: {
-      repo: 'YOUR_GITHUB_USERNAME/YOUR_REPOSITORY_NAME',
-      repoId: 'YOUR_REPOSITORY_ID',
-      category: 'Announcements',
-      categoryId: 'YOUR_CATEGORY_ID',
+      repo: process.env.GISCUS_REPO,
+      repoId: process.env.GISCUS_REPO_ID,
+      category: 'Pages',
+      categoryId: process.env.GISCUS_CATEGORY_ID,
     },
 
     // Comprehensive metadata for SEO

src/components/GiscusComments/index.tsx

@@ -1,20 +1,23 @@
-import React from 'react';
 import Giscus from '@giscus/react';
 import { useColorMode } from '@docusaurus/theme-common';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 
+interface GiscusConfig {
+  repo: string;
+  repoId: string;
+  category: string;
+  categoryId: string;
+}
+
 export default function GiscusComments() {
   const { colorMode } = useColorMode();
-  const {
-    siteConfig: {
-      themeConfig: { giscus },
-    },
-  } = useDocusaurusContext();
+  const { siteConfig } = useDocusaurusContext();
+  const giscus = (siteConfig.themeConfig as any).giscus as GiscusConfig;
 
   return (
     <Giscus
       id="comments"
-      repo={giscus.repo}
+      repo={giscus.repo as `${string}/${string}`}
       repoId={giscus.repoId}
       category={giscus.category}
       categoryId={giscus.categoryId}

src/theme/DocItem/Footer/index.tsx

@@ -7,7 +7,7 @@ import {useDoc} from '@docusaurus/plugin-content-docs/client';
 
 type Props = WrapperProps<typeof FooterType>;
 
-export default function FooterWrapper(props: Props): JSX.Element {
+export default function FooterWrapper(props: Props) {
   const {metadata} = useDoc();
   const {frontMatter} = metadata;
 

src/types/global.d.ts

@@ -0,0 +1,4 @@
+declare module '@site/src/components/GiscusComments' {
+  const GiscusComments: React.FC;
+  export default GiscusComments;
+}