fix: fix Palette sandbox showcase (#286)

gravity-ui · Oct 9, 2024 · 7cdffaf · 7cdffaf
1 parent a9d5fc8
commit 7cdffaf
Showing 1 changed file with 19 additions and 9 deletions.
diff --git a/src/content/components/uikit/Palette/PaletteComponent.tsx b/src/content/components/uikit/Palette/PaletteComponent.tsx
@@ -25,12 +25,22 @@ const options: PaletteOption[] = [
     {content: '🥶', value: 'value-20', title: 'cold-face'},
 ];
 
-export const PaletteComponent = ({size, columns, disabled, multiple}: PaletteComponentProps) => (
-    <Palette
-        size={size}
-        columns={columns}
-        disabled={disabled}
-        multiple={multiple}
-        options={options}
-    />
-);
+export const PaletteComponent = (props: PaletteComponentProps) => {
+    const {size, disabled, multiple} = props;
+    const propsColumns = Number(props.columns);
+    let columns = 1;
+
+    if (!Number.isNaN(propsColumns) && propsColumns > 1) {
+        columns = propsColumns;
+    }
+
+    return (
+        <Palette
+            size={size}
+            columns={columns}
+            disabled={disabled}
+            multiple={multiple}
+            options={options}
+        />
+    );
+};