back to no theme / undefined

eea · Feb 3, 2023 · e046c5f · e046c5f
1 parent 3c07ab0
commit e046c5f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 17 deletions.
diff --git a/src/Widgets/ThemePicker.jsx b/src/Widgets/ThemePicker.jsx
@@ -3,22 +3,11 @@ import { Form } from 'semantic-ui-react';
 import { Grid, Button } from 'semantic-ui-react';
 
 const ThemePicker = (props) => {
-  const {
-    id,
-    title,
-    required,
-    defaultValue = 'default',
-    value,
-    onChange,
-    colors,
-    className,
-  } = props;
+  const { id, title, required, value, onChange, colors, className } = props;
 
-  React.useEffect(() => {
-    if (!value && defaultValue) {
-      onChange(id, defaultValue);
-    }
-  });
+  const handleChange = (e, { value }) => {
+    onChange(id, value);
+  };
 
   return colors && colors.length > 0 ? (
     <Form.Field
@@ -46,7 +35,7 @@ const ThemePicker = (props) => {
                       onClick={(e) => {
                         e.preventDefault();
                         e.stopPropagation();
-                        onChange(id, color.name);
+                        handleChange(e, { value: color.name });
                       }}
                       active={value === color.name}
                       circular

diff --git a/src/index.js b/src/index.js
@@ -4,7 +4,7 @@ const applyConfig = (config) => {
   config.widgets.widget.theme_picker = ThemePickerWidget;
 
   config.settings.themeColors = [
-    { value: 'default', title: 'Default' },
+    { value: undefined, title: 'No theme' },
     { value: 'primary', title: 'Primary' },
     { value: 'secondary', title: 'Secondary' },
     { value: 'tertiary', title: 'Tertiary' },