🐛 fix: 修正首页白屏的问题

arvinxx · Feb 22, 2023 · 31eb2be · 31eb2be
1 parent 67ef0ce
commit 31eb2be
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 20 deletions.
diff --git a/src/slots/Sidebar/index.tsx b/src/slots/Sidebar/index.tsx
@@ -9,23 +9,21 @@ const Sidebar: FC = () => {
   const sidebar = useSiteStore((s) => s.sidebar, isEqual);
   const { styles } = useStyles();
 
-  return (
-    sidebar && (
-      <div className={styles.sidebar}>
-        {sidebar.map((item, i) => (
-          <dl key={String(i)}>
-            {item.title && <dt>{item.title}</dt>}
-            {item.children.map((child) => (
-              <dd key={child.link}>
-                <NavLink to={child.link} title={child.title} end>
-                  {child.title}
-                </NavLink>
-              </dd>
-            ))}
-          </dl>
-        ))}
-      </div>
-    )
+  return !sidebar ? null : (
+    <div className={styles.sidebar}>
+      {sidebar.map((item, i) => (
+        <dl key={String(i)}>
+          {item.title && <dt>{item.title}</dt>}
+          {item.children.map((child) => (
+            <dd key={child.link}>
+              <NavLink to={child.link} title={child.title} end>
+                {child.title}
+              </NavLink>
+            </dd>
+          ))}
+        </dl>
+      ))}
+    </div>
   );
 };
 

diff --git a/src/store/selectors.ts b/src/store/selectors.ts
@@ -1,3 +1,4 @@
+import { ISidebarItem } from 'dumi/dist/client/theme-api/types';
 import { AnchorItem, ApiHeaderConfig, IFeature } from '../types';
 import { SiteStore } from './useSiteStore';
 
@@ -139,8 +140,8 @@ export const tocAnchorItemSel = (s: SiteStore) =>
  * 将 sidebar 信息扁平化
  * @param s
  */
-export const flattenSidebarSel = (s: SiteStore) => {
-  return s.sidebar.map((i) => i.children).flat();
+export const flattenSidebarSel = (s: SiteStore): ISidebarItem[] => {
+  return s.sidebar?.map((i) => i.children).flat() || [];
 };
 
 export const contentBottomSel = (s: SiteStore) => {

diff --git a/src/store/useSiteStore.ts b/src/store/useSiteStore.ts
@@ -38,7 +38,7 @@ export interface ISiteData {
 
 export interface SiteStore {
   siteData: ISiteData;
-  sidebar: ISidebarGroup[];
+  sidebar?: ISidebarGroup[];
   routeMeta: IRouteMeta;
   navData: NavData;
   location: Location;