fix: crash by navigating to a font slice if the fonts slice has no font

morfeojs · Nov 1, 2021 · cdce5df · cdce5df
1 parent e860a3a
commit cdce5df
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/devtool/src/_shared/components/Slices/Fonts/Detail/index.tsx b/devtool/src/_shared/components/Slices/Fonts/Detail/index.tsx
@@ -48,7 +48,7 @@ export const Detail: React.FC<Props> = ({ main = 'fonts' }) => {
   const themeFonts = useThemeSlice('fonts')
 
   const firstFont = useMemo(() => {
-    const fontArray = Object.keys(themeFonts)
+    const fontArray = Object.keys(themeFonts || {})
     return fontArray[0] as Font
   }, [themeFonts])
 

diff --git a/devtool/src/_shared/components/Slices/Fonts/General.tsx b/devtool/src/_shared/components/Slices/Fonts/General.tsx
@@ -23,7 +23,7 @@ const ItemCard: React.FC<ItemProps> = ({ property, value }) => {
   const themeFonts = useTheme().fonts;
 
   const firstFont = useMemo(() => {
-    const fontArray = Object.keys(themeFonts)
+    const fontArray = Object.keys(themeFonts || {})
     return fontArray[0] as keyof Fonts
   }, [themeFonts])