optimize(code): optimize the experience

mufeng889 · Aug 14, 2024 · 6a1354a · 6a1354a
1 parent c6ea8b0
commit 6a1354a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,4 +1,5 @@
 import { ConfigProvider } from 'antd';
+import { useUpdateEffect } from 'ahooks';
 import { localStg } from '@/utils/storage';
 import { getLocale } from '@/store/slice/app';
 import { getAntdTheme, setupThemeVarsToHtml, toggleCssDarkMode } from '@/store/slice/theme/shared.ts';
@@ -18,8 +19,11 @@ const App = () => {
   useEffect(() => {
     setupThemeVarsToHtml(colors);
     localStg.set('themeColor', colors.primary);
+  }, [colors]);
+
+  useUpdateEffect(() => {
     toggleCssDarkMode(darkMode);
-  }, [colors, darkMode]);
+  }, [darkMode]);
 
   return (
     <ConfigProvider

diff --git a/src/router/guard/index.ts b/src/router/guard/index.ts
@@ -20,6 +20,6 @@ export const afterEach: AfterEach = to => {
   const { i18nKey, title } = to.meta;
 
   const documentTitle = i18nKey ? $t(i18nKey) : title;
-  document.title = documentTitle;
+  document.title = documentTitle ?? 'React-Soybean';
   window.NProgress?.done?.();
 };