fix: hide tokens that are not available

Simspace · Jul 19, 2023 · d858c63 · d858c63
1 parent 7a21799
commit d858c63
Showing 1 changed file with 15 additions and 14 deletions.
diff --git a/packages/storybook/src/theme/palette/palette.components.tsx b/packages/storybook/src/theme/palette/palette.components.tsx
@@ -13,6 +13,7 @@ import {
   TableHead,
   TableRow,
 } from '@monorail/components'
+import { filterMap } from '@monorail/utils'
 
 import type { ColorTokenRowProps, ColorTokenTableProps } from './palette.types'
 
@@ -98,21 +99,21 @@ export const ColorTokenTable = ({
         </TableHead>
         <TableBody>
           {colorMetadata !== undefined ? (
-            colorMetadata.map(color => {
+            filterMap(colorMetadata, color => {
               const figmaStyle = getFigmaStyle(color.figmaStyle)
-              const colorValue = color.colorValue ?? ''
-
-              return (
-                <ColorTokenRow
-                  key={color.token}
-                  token={color.token}
-                  mapping={getObjectKey(colorValue)}
-                  opacity={color.opacity}
-                  colorValue={color.colorValue}
-                  figmaStyle={figmaStyle}
-                  description={color.description}
-                />
-              )
+              if (color.colorValue !== undefined) {
+                return (
+                  <ColorTokenRow
+                    key={color.token}
+                    token={color.token}
+                    mapping={getObjectKey(color.colorValue)}
+                    opacity={color.opacity}
+                    colorValue={color.colorValue}
+                    figmaStyle={figmaStyle}
+                    description={color.description}
+                  />
+                )
+              }
             })
           ) : (
             <></>