feat: limity skupinových objednávek nastavitelné přes env

client/src/components/MenuHintCell.tsx

@@ -2,7 +2,8 @@ import { useMemo } from "react";
 import { OverlayTrigger, Tooltip } from "react-bootstrap";
 import SelectSearch, { SelectedOptionValue, SelectSearchOption } from "react-select-search";
 import { StoreMenuDish } from "../../../types";
-import { matchNoteToMenu, splitNoteItems } from "../utils/menuMatch";
+import { countNoteItems, matchNoteToMenu, noteItemQuantity, splitNoteItems } from "../utils/menuMatch";
+import { useGroupLimits } from "../hooks/useGroupLimits";
 import "./MenuHintCell.scss";
 
 type Props = {
@@ -25,16 +26,20 @@ const formatDish = (d: StoreMenuDish) => d.price != null ? `${d.name} (${d.price
  * (doplní poznámku i částku) a kontrola ceny rozpoznané z poznámky proti zadané částce.
  */
 export default function MenuHintCell({ menu, note, amount, canEdit, onPick, onUsePrice, onRemoveItem }: Readonly<Props>) {
+    const { maxItemQuantity, maxItems } = useGroupLimits();
     const options = useMemo<SelectSearchOption[]>(() => {
         if (!menu?.length) return [];
         const groups = new Map<string, SelectSearchOption[]>();
         menu.forEach((d, index) => {
             const category = d.category || 'Ostatní';
             if (!groups.has(category)) groups.set(category, []);
-            groups.get(category)!.push({ name: formatDish(d), value: String(index) });
+            // Jídlo, kterého už je v objednávce maximum kusů, nejde přidat znovu
+            const atLimit = noteItemQuantity(note, d.name, menu) >= maxItemQuantity;
+            groups.get(category)!.push({ name: atLimit ? `${formatDish(d)} — max ${maxItemQuantity} ks` : formatDish(d), value: String(index), disabled: atLimit });
         });
         return [...groups.entries()].map(([name, items]) => ({ name, type: 'group', items }));
-    }, [menu]);
+    }, [menu, note, maxItemQuantity]);
+    const itemLimitReached = useMemo(() => countNoteItems(note, menu ?? []) >= maxItems, [note, menu, maxItems]);
 
     const match = useMemo(() => menu ? matchNoteToMenu(note, menu) : undefined, [menu, note]);
     const items = useMemo(() => splitNoteItems(note, menu), [note, menu]);
@@ -49,7 +54,10 @@ export default function MenuHintCell({ menu, note, amount, canEdit, onPick, onUs
 
     return (
         <div className="menu-hint-cell">
-            {canEdit && (
+            {canEdit && itemLimitReached && (
+                <small className="text-muted">Dosažen limit {maxItems} položek — nejdřív něco odeber (×).</small>
+            )}
+            {canEdit && !itemLimitReached && (
                 <SelectSearch
                     search
                     options={options}