fix: ux for background selector

RavenColEvol · Jan 29, 2024 · 6b6109e · 6b6109e
1 parent a807d41
commit 6b6109e
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/Editor/Forms.tsx b/src/components/Editor/Forms.tsx
@@ -144,7 +144,7 @@ function ThemeForm() {
   const [form,setFormState] = useFormState()!;
   const [themes] = useState(THEMES);
   const [backgroundOptions] = useState(() => BACKGROUNDS.map(background => ({
-    name: background,
+    label: background.charAt(0).toUpperCase() + background.slice(1),
     value: background
   })));
 
@@ -157,10 +157,15 @@ function ThemeForm() {
       }
     }));
   }
+
   return (
     <>
       <Form.Item label="Background" name="background">
-        <Select defaultValue={form.theme.background} onChange={handleChange} options={backgroundOptions} />
+        <Select 
+          defaultValue={form.theme.background} 
+          onChange={handleChange} 
+          options={backgroundOptions} 
+        />
       </Form.Item>
       <div className="color-bar__container">
         {themes.map((theme, idx) => (