feat: spin the wheel, objednavani scrape menu, historie cen

client/src/components/modals/SettingsModal.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from "react";
 import { Modal, Button, Form } from "react-bootstrap"
-import { useSettings, ThemePreference } from "../../context/settings";
+import { useSettings, ThemePreference, StyleTheme, STYLE_THEMES } from "../../context/settings";
 import { NotificationSettings, UdalostEnum, getNotificationSettings, updateNotificationSettings } from "../../../../types";
 import { useAuth } from "../../context/auth";
 import { subscribeToPush, unsubscribeFromPush } from "../../hooks/usePushReminder";
@@ -19,6 +19,7 @@ export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Prop
     const nameRef = useRef<HTMLInputElement>(null);
     const hideSoupsRef = useRef<HTMLInputElement>(null);
     const themeRef = useRef<HTMLSelectElement>(null);
+    const styleThemeRef = useRef<HTMLSelectElement>(null);
 
     const reminderTimeRef = useRef<HTMLInputElement>(null);
     const boltDeliveredRef = useRef<HTMLInputElement>(null);
@@ -75,6 +76,9 @@ export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Prop
         }
 
         // Uložení ostatních nastavení (localStorage)
+        if (styleThemeRef.current?.value) {
+            settings?.setStyleTheme(styleThemeRef.current.value as StyleTheme);
+        }
         onSave(
             bankAccountRef.current?.value,
             nameRef.current?.value,
@@ -90,6 +94,12 @@ export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Prop
             </Modal.Header>
             <Modal.Body>
                 <h4>Vzhled</h4>
+                <Form.Group className="mb-3">
+                    <Form.Label>Styl</Form.Label>
+                    <Form.Select ref={styleThemeRef} defaultValue={settings?.styleTheme}>
+                        {STYLE_THEMES.map(t => <option key={t.value} value={t.value}>{t.label}</option>)}
+                    </Form.Select>
+                </Form.Group>
                 <Form.Group className="mb-3">
                     <Form.Label>Barevný motiv</Form.Label>
                     <Form.Select ref={themeRef} defaultValue={settings?.themePreference}>