[Fix] ColorBlock component TypeError: e.color.slice(...).join is not …

…a function (#2212) Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>
keplergl · May 2, 2023 · d8a5def · d8a5def
1 parent 1380644
commit d8a5def
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/src/side-panel/layer-panel/color-selector.tsx b/src/components/src/side-panel/layer-panel/color-selector.tsx
@@ -52,7 +52,10 @@ export const ColorBlock = styled.div<{backgroundcolor: RGBColor}>`
   width: 32px;
   height: 18px;
   border-radius: 1px;
-  background-color: ${props => `rgb(${props.backgroundcolor.slice(0, 3).join(',')})`};
+  background-color: ${props =>
+    Array.isArray(props.backgroundcolor)
+      ? `rgb(${props.backgroundcolor.slice(0, 3).join(',')})`
+      : 'transparent'};
 `;
 
 export const ColorSelectorInput = styled.div<ColorSelectorInputProps>`