💄 style(giscus): update giscus style

lobehub · Jul 6, 2023 · de6f8eb · de6f8eb
1 parent b30582f
commit de6f8eb
Show file tree

Hide file tree

Showing 3 changed files with 76 additions and 93 deletions.
diff --git a/javascript/main.js b/javascript/main.js
diff --git a/src/pages/Header/Actions.tsx b/src/pages/Header/Actions.tsx
@@ -54,7 +54,7 @@ const Actions = memo<ActionsProps>(() => {
         <ActionIcon icon={Settings} onClick={() => setIsSettingOpen(true)} title={t('setting')} />
       </Space.Compact>
       <Setting onCancel={() => setIsSettingOpen(false)} open={isSettingOpen} />
-      <Giscus onCancel={() => setIsModalOpen(false)} open={isModalOpen} themeMode={themeMode} />
+      <Giscus onCancel={() => setIsModalOpen(false)} open={isModalOpen} />
     </>
   );
 });

diff --git a/src/slots/Giscus/index.tsx b/src/slots/Giscus/index.tsx
@@ -1,5 +1,4 @@
-import GiscusComponent from '@giscus/react';
-import { ActionIcon } from '@lobehub/ui';
+import { ActionIcon, Giscus as G } from '@lobehub/ui';
 import isEqual from 'fast-deep-equal';
 import { Github } from 'lucide-react';
 import { memo } from 'react';
@@ -9,22 +8,11 @@ import { homepage, name } from '@/../package.json';
 import { Modal, type ModalProps } from '@/components';
 import { useAppStore } from '@/store';
 
-const formatLang = (lang: string) => {
-  if (['zh_CN', 'zh_TW'].includes(lang)) {
-    return lang.replace('_', '-');
-  } else if (lang === 'zh_HK') {
-    return 'zh-TW';
-  } else {
-    return lang.split('_')[0];
-  }
-};
-
 interface GiscusProps {
   onCancel?: ModalProps['onCancel'];
   open?: ModalProps['open'];
-  themeMode: 'light' | 'dark';
 }
-const Giscus = memo<GiscusProps>(({ themeMode, open, onCancel }) => {
+const Giscus = memo<GiscusProps>(({ open, onCancel }) => {
   const setting = useAppStore((st) => st.setting, isEqual);
   const { t } = useTranslation();
   return (
@@ -40,18 +28,13 @@ const Giscus = memo<GiscusProps>(({ themeMode, open, onCancel }) => {
         </>
       }
     >
-      <GiscusComponent
-        emitMetadata="0"
-        id="giscus"
-        inputPosition="top"
-        lang={formatLang(setting.i18n)}
-        loading="lazy"
+      <G
+        lang={setting.i18n}
         mapping="number"
         reactionsEnabled="1"
         repo="canisminor1990/sd-webui-kitchen-theme"
         repoId="R_kgDOJCPcNg"
         term="53"
-        theme={themeMode === 'dark' ? 'transparent_dark' : 'light'}
       />
     </Modal>
   );