From 092919a5494babac00817990fc3e8110557ccc6c Mon Sep 17 00:00:00 2001
From: wj-Mcat <1435130236@qq.com>
Date: Sun, 18 Aug 2024 20:02:24 +0800
Subject: [PATCH] update blog comment

---
 docs/00-agent-intro/00-what-is-agent.md |  2 +-
 src/components/GiscusComponent.tsx      |  8 ++++----
 src/theme/BlogPostItem/index.tsx        | 24 +++++++++++-------------
 3 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/docs/00-agent-intro/00-what-is-agent.md b/docs/00-agent-intro/00-what-is-agent.md
index ca63241..ac858df 100644
--- a/docs/00-agent-intro/00-what-is-agent.md
+++ b/docs/00-agent-intro/00-what-is-agent.md
@@ -1,7 +1,7 @@
 ---
+comments: true
 sidebar_position: 1
 slug: what-is-agent
-enableComments: true
 ---
 
 # 什么是Agent
diff --git a/src/components/GiscusComponent.tsx b/src/components/GiscusComponent.tsx
index 0306f6b..dbd30ba 100644
--- a/src/components/GiscusComponent.tsx
+++ b/src/components/GiscusComponent.tsx
@@ -9,16 +9,16 @@ export default function GiscusComponent() {
     <Giscus    
       repo="wj-Mcat/agent-handbook"
       repoId="R_kgDOMKUZww"
-      category="Q&A"
-      categoryId="DIC_kwDOMKUZw84ChvU2"  // E.g. id of "General"
-      mapping="url"                        // Important! To map comments to URL
+      category="General"
+      categoryId="DIC_kwDOMKUZw84ChvU1"  // E.g. id of "General"
+      mapping="pathname"                        // Important! To map comments to URL
       term="Welcome to @giscus/react component!"
       strict="0"
       reactionsEnabled="1"
       emitMetadata="1"
       inputPosition="top"
       theme={colorMode}
-      lang="en"
+      lang="zh"
       loading="lazy"
       crossorigin="anonymous"
       async
diff --git a/src/theme/BlogPostItem/index.tsx b/src/theme/BlogPostItem/index.tsx
index 0021208..3368145 100644
--- a/src/theme/BlogPostItem/index.tsx
+++ b/src/theme/BlogPostItem/index.tsx
@@ -1,22 +1,20 @@
-import React from 'react';
-import { useBlogPost } from '@docusaurus/theme-common/internal'
-import BlogPostItem from '@theme-original/BlogPostItem';
-import GiscusComponent from '@site/src/components/GiscusComponent';
-import useIsBrowser from '@docusaurus/useIsBrowser';
+import React from "react";
+import BlogPostItem from "@theme-original/BlogPostItem";
+import type BlogPostItemType from "@theme/BlogPostItem";
+import type { WrapperProps } from "@docusaurus/types";
+import { useBlogPost } from "@docusaurus/theme-common/internal";
+import GiscusComponent from "@site/src/components/GiscusComponent";
 
-export default function BlogPostItemWrapper(props) {
-  const { metadata, isBlogPostPage } = useBlogPost()
-  const isBrowser = useIsBrowser();
+type Props = WrapperProps<typeof BlogPostItemType>;
 
-  const { frontMatter, slug, title } = metadata
-  const { enableComments } = frontMatter
+export default function BlogPostItemWrapper(props: Props): JSX.Element {
+  const { metadata, isBlogPostPage } = useBlogPost();
+  const { comments = true } = metadata.frontMatter;
 
   return (
     <>
       <BlogPostItem {...props} />
-      {(enableComments && isBlogPostPage) && (
-        <GiscusComponent />
-      )}
+      {comments && isBlogPostPage && <GiscusComponent />}
     </>
   );
 }
\ No newline at end of file