Oddělení přenačtení menu do vlastní komponenty

client/src/components/modals/SettingsModal.tsx

@@ -1,5 +1,5 @@
-import { useRef, useState } from "react";
-import { Modal, Button, Alert } from "react-bootstrap"
+import { useRef } from "react";
+import { Modal, Button } from "react-bootstrap"
 import { useSettings } from "../../context/settings";
 
 type Props = {
@@ -15,41 +15,6 @@ export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Prop
     const nameRef = useRef<HTMLInputElement>(null);
     const hideSoupsRef = useRef<HTMLInputElement>(null);
 
-    // Pro refresh jidel
-    const refreshPassRef = useRef<HTMLInputElement>(null);
-    const refreshTypeRef = useRef<HTMLSelectElement>(null);
-    const [refreshLoading, setRefreshLoading] = useState(false);
-    const [refreshMessage, setRefreshMessage] = useState<{ type: 'success' | 'error', text: string } | null>(null);
-
-    const handleRefresh = async () => {
-        const password = refreshPassRef.current?.value;
-        const type = refreshTypeRef.current?.value;
-        if (!password || !type) {
-            setRefreshMessage({ type: 'error', text: 'Zadejte heslo a typ refresh.' });
-            return;
-        }
-
-        setRefreshLoading(true);
-        setRefreshMessage(null);
-
-        try {
-            const res = await fetch(`/api/food/refresh?type=${type}&heslo=${encodeURIComponent(password)}`);
-            const data = await res.json();
-            if (res.ok) {
-                setRefreshMessage({ type: 'success', text: 'Uspesny fetch' });
-                if (refreshPassRef.current) {
-                    // Clean hesla xd
-                    refreshPassRef.current.value = '';
-                }
-            } else {
-                setRefreshMessage({ type: 'error', text: data.error || 'Chyba při obnovování jídelníčku.' });
-            }
-        } catch (error) { }
-        finally {
-            setRefreshLoading(false);
-        }
-    };
-
     return <Modal show={isOpen} onHide={onClose} size="lg">
         <Modal.Header closeButton>
             <Modal.Title><h2>Nastavení</h2></Modal.Title>
@@ -59,48 +24,6 @@ export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Prop
             <span title="V nabídkách nebudou zobrazovány polévky. Tato funkce je experimentální, a zejména u TechTower bývá často problém polévky spolehlivě rozeznat. V případě využití této funkce průběžně nahlašujte stále se zobrazující polévky." style={{ "cursor": "help" }}>
                 <input ref={hideSoupsRef} type="checkbox" defaultChecked={settings?.hideSoups} /> Skrýt polévky
             </span>
-            <hr />
-            <h4>Obnovit jídelníček</h4>
-            <p>Ruční refresh dat z restaurací.</p>
-
-            {refreshMessage && (
-                <Alert variant={refreshMessage.type === 'success' ? 'success' : 'danger'}>
-                    {refreshMessage.text}
-                </Alert>
-            )}
-
-            <div className="mb-3">
-                Heslo: <input
-                    ref={refreshPassRef}
-                    type="password"
-                    placeholder="Zadejte heslo"
-                    className="form-control d-inline-block"
-                    style={{ width: 'auto', marginLeft: '10px' }}
-                    onKeyDown={e => e.stopPropagation()}
-                />
-            </div>
-
-            <div className="mb-3">
-                Typ refreshe: <select
-                    ref={refreshTypeRef}
-                    className="form-select d-inline-block"
-                    style={{ width: 'auto', marginLeft: '10px' }}
-                    defaultValue="week"
-                >
-                    <option value="week">Týden</option>
-                    <option value="day">Den</option>
-                </select>
-            </div>
-
-            <Button
-                variant="info"
-                onClick={handleRefresh}
-                disabled={refreshLoading}
-                className="mb-3"
-            >
-                {refreshLoading ? 'Refreshing...' : 'Refresh'}
-            </Button>
-
             <hr />
             <h4>Bankovní účet</h4>
             <p>Nastavením čísla účtu umožníte automatické generování QR kódů pro úhradu za vámi provedené objednávky v rámci Pizza day.<br />Pokud vaše číslo účtu neobsahuje předčíslí, je možné ho zcela vynechat.<br /><br />Číslo účtu není ukládáno na serveru, posílá se na něj pouze za účelem vygenerování QR kódů.</p>