Možnost skrytí polévek

client/src/components/Header.tsx

@@ -1,8 +1,8 @@
 import { useEffect, useState } from "react";
 import { Navbar, Nav, NavDropdown } from "react-bootstrap";
 import { useAuth } from "../context/auth";
-import BankAccountModal from "./modals/BankAccountModal";
-import { useBank } from "../context/bank";
+import SettingsModal from "./modals/SettingsModal";
+import { useSettings } from "../context/settings";
 import FeaturesVotingModal from "./modals/FeaturesVotingModal";
 import { FeatureRequest } from "../types";
 import { errorHandler } from "../api/Api";
@@ -12,8 +12,8 @@ import PizzaCalculatorModal from "./modals/PizzaCalculatorModal";
 
 export default function Header() {
     const auth = useAuth();
-    const bank = useBank();
-    const [bankModalOpen, setBankModalOpen] = useState<boolean>(false);
+    const settings = useSettings();
+    const [settingsModalOpen, setSettingsModalOpen] = useState<boolean>(false);
     const [votingModalOpen, setVotingModalOpen] = useState<boolean>(false);
     const [pizzaModalOpen, setPizzaModalOpen] = useState<boolean>(false);
     const [featureVotes, setFeatureVotes] = useState<FeatureRequest[]>([]);
@@ -26,8 +26,8 @@ export default function Header() {
         }
     }, [auth?.login]);
 
-    const closeBankModal = () => {
-        setBankModalOpen(false);
+    const closeSettingsModal = () => {
+        setSettingsModalOpen(false);
     }
 
     const closeVotingModal = () => {
@@ -48,7 +48,7 @@ export default function Header() {
         return n !== Infinity && String(n) === str && n >= 0;
     }
 
-    const saveBankAccount = (bankAccountNumber?: string, bankAccountHolderName?: string) => {
+    const saveSettings = (bankAccountNumber?: string, bankAccountHolderName?: string, hideSoupsOption?: boolean) => {
         if (bankAccountNumber) {
             try {
                 // Validace kódu banky
@@ -90,9 +90,10 @@ export default function Header() {
                 return
             }
         }
-        bank?.setBankAccountNumber(bankAccountNumber);
-        bank?.setBankAccountHolderName(bankAccountHolderName);
-        closeBankModal();
+        settings?.setBankAccountNumber(bankAccountNumber);
+        settings?.setBankAccountHolderName(bankAccountHolderName);
+        settings?.setHideSoupsOption(hideSoupsOption);
+        closeSettingsModal();
     }
 
     const saveFeatureVote = async (option: FeatureRequest, active: boolean) => {
@@ -112,7 +113,7 @@ export default function Header() {
         <Navbar.Collapse id="basic-navbar-nav">
             <Nav className="nav">
                 <NavDropdown align="end" title={auth?.login} id="basic-nav-dropdown">
-                    <NavDropdown.Item onClick={() => setBankModalOpen(true)}>Nastavit číslo účtu</NavDropdown.Item>
+                    <NavDropdown.Item onClick={() => setSettingsModalOpen(true)}>Nastavení</NavDropdown.Item>
                     <NavDropdown.Item onClick={() => setVotingModalOpen(true)}>Hlasovat o nových funkcích</NavDropdown.Item>
                     <NavDropdown.Item onClick={() => setPizzaModalOpen(true)}>Pizza kalkulačka</NavDropdown.Item>
                     <NavDropdown.Divider />
@@ -120,7 +121,7 @@ export default function Header() {
                 </NavDropdown>
             </Nav>
         </Navbar.Collapse>
-        <BankAccountModal isOpen={bankModalOpen} onClose={closeBankModal} onSave={saveBankAccount} />
+        <SettingsModal isOpen={settingsModalOpen} onClose={closeSettingsModal} onSave={saveSettings} />
         <FeaturesVotingModal isOpen={votingModalOpen} onClose={closeVotingModal} onChange={saveFeatureVote} initialValues={featureVotes} />
         <PizzaCalculatorModal isOpen={pizzaModalOpen} onClose={closePizzaModal} />
     </Navbar>