feat: zlepšení šablon, přidány osobní údaje a spánkový režim

client/src/components/modals/MealModal.tsx

@@ -1,6 +1,9 @@
 import { useEffect, useMemo, useState } from "react";
 import { Button, Form, Modal } from "react-bootstrap";
-import { DayRecord, MealEntry, MealType, UserSettings, addMeal, getSettings, updateMeal } from "../../../../types";
+import {
+    DayRecord, MealEntry, MealType, UserSettings,
+    addMeal, createMealTemplateFromMeal, getSettings, updateMeal,
+} from "../../../../types";
 import { MEAL_TYPES_IN_ORDER, MEAL_TYPE_ICONS, MEAL_TYPE_NAMES } from "../../enums";
 import {
     deriveAmounts, formatCalories, formatPriceInput, formatWeight, parseIntInput, parsePriceInput,
@@ -50,10 +53,12 @@ export default function MealModal({ isOpen, date, entry, onClose, onSaved }: Rea
     const [form, setForm] = useState(() => emptyForm(date));
     const [settings, setSettings] = useState<UserSettings | undefined>();
     const [saving, setSaving] = useState(false);
+    const [alsoTemplate, setAlsoTemplate] = useState(false);
 
     // Při každém otevření se formulář naplní dle toho, co se upravuje
     useEffect(() => {
         if (!isOpen) return;
+        setAlsoTemplate(false);
         setForm(entry
             ? {
                 date: entry.date,
@@ -126,6 +131,15 @@ export default function MealModal({ isOpen, date, entry, onClose, onSaved }: Rea
         const response = entry
             ? await updateMeal({ body: { id: entry.id, ...body } })
             : await addMeal({ body });
+        if (response.data && alsoTemplate) {
+            // U nového jídla je ten správný záznam vždy ten poslední založený
+            const saved = entry
+                ? response.data.entries.find(item => item.id === entry.id)
+                : [...response.data.entries].sort((a, b) => a.createdAt.localeCompare(b.createdAt)).pop();
+            if (saved) {
+                await createMealTemplateFromMeal({ body: { id: saved.id, date: saved.date } });
+            }
+        }
         setSaving(false);
         if (response.data) {
             onSaved(response.data);
@@ -295,6 +309,13 @@ export default function MealModal({ isOpen, date, entry, onClose, onSaved }: Rea
                 </Form>
             </Modal.Body>
             <Modal.Footer>
+                <Form.Check
+                    className="modal-template-check"
+                    id="meal-also-template"
+                    checked={alsoTemplate}
+                    label="Uložit i jako šablonu"
+                    onChange={event => setAlsoTemplate(event.target.checked)}
+                />
                 <div className="meal-modal-summary">
                     {derived.weight != null && <span>{formatWeight(derived.weight)}</span>}
                     {effectiveCalories != null && <span>{formatCalories(effectiveCalories)}</span>}