fix: handle invalid color proxy on render

nordnet · Mar 22, 2019 · ab6bf64 · ab6bf64 · vercel · Mar 22, 2019
1 parent f01b9c1
commit ab6bf64
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/documentation/theme/color.jsx b/documentation/theme/color.jsx
@@ -24,20 +24,22 @@ const styles = () => ({
 
 const Color = ({ theme, classes }) => (
   <div className={classes.colorWrapper}>
-    {Object.entries(theme.palette).map(([name, value]) => (
-      <div key={name} className={classes.colorBlock}>
-        <span>{name}</span>
-        <div>{value}</div>
-        <div
-          style={{
-            background: `${value}`,
-            width: 50,
-            height: 40,
-            border: '4px solid maroon',
-          }}
-        />
-      </div>
-    ))}
+    {Object.entries(theme.palette).map(([name, value]) =>
+      typeof value === 'string' ? (
+        <div key={name} className={classes.colorBlock}>
+          <span>{name}</span>
+          <div>{value}</div>
+          <div
+            style={{
+              background: `${value}`,
+              width: 50,
+              height: 40,
+              border: '4px solid maroon',
+            }}
+          />
+        </div>
+      ) : null,
+    )}
   </div>
 );