From f2d453004fa0f9084772b4341df2f68cd49d85e3 Mon Sep 17 00:00:00 2001
From: Axi404 <axihelloworld@gmail.com>
Date: Fri, 18 Oct 2024 06:10:42 +0800
Subject: [PATCH] feat: fixed comment component bugs

---
 src/components/Footer.astro       |  2 +-
 src/components/PostComments.astro | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 370e580..a6931dc 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -20,7 +20,7 @@ const isHomepage = Astro.props.slug === '';
 	{
 		true && (
 			<a class="kudos sl-flex" href="https://starlight.astro.build">
-				<Icon name={'starlight'} /> {Astro.locals.t('builtWithStarlight.label')}
+				<Icon name={'starlight'} />
 			</a>
 		)
 	}
diff --git a/src/components/PostComments.astro b/src/components/PostComments.astro
index 54dcd9c..8d35e7f 100644
--- a/src/components/PostComments.astro
+++ b/src/components/PostComments.astro
@@ -2,7 +2,7 @@
 
 <script>
   // 获取用户的主题偏好
-  const getPreferredTheme = () => {
+  const getPreferredTheme = (): string | null => {
     if (typeof localStorage !== "undefined" && localStorage.getItem("starlight-theme")) {
       const theme = localStorage.getItem("starlight-theme");
       return theme === 'auto' ? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") : theme;
@@ -11,7 +11,7 @@
   };
 
   // 加载 giscus 评论组件
-  const loadGiscus = (theme) => {
+  const loadGiscus = (theme: string) => {
     const script = document.createElement('script');
     script.src = 'https://giscus.app/client.js';
     script.setAttribute('data-repo', 'CS-BAOYAN/CS-BAOYAN-2025');
@@ -29,12 +29,15 @@
     script.setAttribute('crossorigin', 'anonymous');
     script.async = true;
     
-    document.querySelector('.giscus').appendChild(script);
+    const giscusContainer = document.querySelector('.giscus');
+    if (giscusContainer) {
+      giscusContainer.appendChild(script);
+    }
   };
 
   // 初始化 giscus 评论组件
   const theme = getPreferredTheme();
-  loadGiscus(theme);
+  loadGiscus(theme ?? 'light'); // 如果 theme 为 null，则使用 'light' 作为默认值
 
   // 监听系统主题变化
   matchMedia(`(prefers-color-scheme: light)`).addEventListener('change', () => {