feat: zadávání cen

client/src/App.tsx

@@ -18,18 +18,20 @@ import './themes/bocchi.scss';
 import { faCircleCheck, faNoteSticky, faTrashCan, faComment } from '@fortawesome/free-regular-svg-icons';
 import { useSettings } from './context/settings';
 import Footer from './components/Footer';
-import { faArrowUpRightFromSquare, faBasketShopping, faChainBroken, faChevronLeft, faChevronRight, faDharmachakra, faGear, faMoneyBillTransfer, faSatelliteDish, faSearch, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
+import { faArrowUpRightFromSquare, faBasketShopping, faTag, faChainBroken, faChevronLeft, faChevronRight, faDharmachakra, faGear, faMoneyBillTransfer, faSatelliteDish, faSearch, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
 import { useNavigate } from 'react-router-dom';
 import Loader from './components/Loader';
 import { getHumanDateTime, isInTheFuture } from './Utils';
 import NoteModal from './components/modals/NoteModal';
+import PriceModal from './components/modals/PriceModal';
+import { parsePriceCzk } from './utils/parsePrice';
 import PayForAllModal from './components/modals/PayForAllModal';
 import SpinWheelModal, { WheelPick } from './components/modals/SpinWheelModal';
 import EaterBadge from './components/EaterBadge';
 import PendingPayments from './components/PendingPayments';
 import { useEasterEgg } from './context/eggs';
-import { ClientData, Food, MealSlot, PendingQr, PizzaOrder, DepartureTime, PizzaDayState, Restaurant, RestaurantDayMenu, RestaurantDayMenuMap, LunchChoice, LocationLunchChoicesMap, UserLunchChoice, PizzaVariant, getData, getEasterEggImage, addPizza, removePizza, updatePizzaDayNote, createPizzaDay, deletePizzaDay, lockPizzaDay, unlockPizzaDay, finishOrder, finishDelivery, addChoice, jdemeObed, removeChoices, removeChoice, updateNote, changeDepartureTime, setBuyer, generateQr } from '../../types';
-import { getLunchChoiceName } from './enums';
+import { ClientData, Food, MealSlot, PendingQr, PizzaOrder, DepartureTime, PizzaDayState, Restaurant, RestaurantDayMenu, RestaurantDayMenuMap, LunchChoice, LocationLunchChoicesMap, UserLunchChoice, PizzaVariant, getData, getEasterEggImage, addPizza, removePizza, updatePizzaDayNote, createPizzaDay, deletePizzaDay, lockPizzaDay, unlockPizzaDay, finishOrder, finishDelivery, addChoice, jdemeObed, removeChoices, removeChoice, updateNote, updatePrice, changeDepartureTime, setBuyer, generateQr } from '../../types';
+import { CHOICES_WITHOUT_PRICE, getLunchChoiceName } from './enums';
 import { isArrowNavigationBlocked } from './utils/arrowNavigation';
 // import FallingLeaves, { LEAF_PRESETS, LEAF_COLOR_THEMES } from './FallingLeaves';
 // import './FallingLeaves.scss';
@@ -88,6 +90,7 @@ function App() {
   const [dayIndex, setDayIndex] = useState<number>();
   const [loadingPizzaDay, setLoadingPizzaDay] = useState<boolean>(false);
   const [noteModalOpen, setNoteModalOpen] = useState<boolean>(false);
+  const [priceModalOpen, setPriceModalOpen] = useState<boolean>(false);
   const [payForAllLocationKey, setPayForAllLocationKey] = useState<LunchChoice | null>(null);
   const [spinWheelOpen, setSpinWheelOpen] = useState<boolean>(false);
   const [eggImage, setEggImage] = useState<Blob>();
@@ -443,6 +446,13 @@ function App() {
     }
   }
 
+  const savePrice = async (price?: number) => {
+    if (auth?.login) {
+      await updatePrice({ body: { price, dayIndex } });
+      setPriceModalOpen(false);
+    }
+  }
+
   const copyNote = async (note: string) => {
     if (auth?.login && note) {
       await updateNote({ body: { note, dayIndex } });
@@ -666,6 +676,15 @@ function App() {
   const noOrders = data?.pizzaDay?.orders?.length === 0;
   const canChangeChoice = dayIndex == null || data.todayDayIndex == null || dayIndex >= data.todayDayIndex;
 
+  const ownChoice = auth?.login ? Object.entries(data.choices)
+    .map(([locationKey, loginMap]) => ({ locationKey: locationKey as LunchChoice, choice: loginMap?.[auth.login!] }))
+    .find(entry => entry.choice != null) as { locationKey: LunchChoice, choice: UserLunchChoice } | undefined : undefined;
+  // Součet cen vybraných jídel z menu jako návrh ceny; pokud některou cenu nelze přečíst, nenavrhujeme nic
+  const ownFoodPrices = ownChoice?.choice.selectedFoods?.map(index => parsePriceCzk(food[ownChoice.locationKey as Restaurant]?.food?.[index]?.price)) ?? [];
+  const ownSuggestedPrice = ownFoodPrices.length && !ownFoodPrices.includes(null)
+    ? Math.round((ownFoodPrices as number[]).reduce((sum, price) => sum + price, 0) * 100)
+    : undefined;
+
   const { path, url, startOffset, endOffset, duration, ...style } = easterEgg || {};
 
   return (
@@ -781,6 +800,7 @@ function App() {
                                           <strong>{login}</strong>
                                           {userPayload.departureTime && <small className="ms-2" style={{ color: 'var(--luncher-text-muted)' }}>({userPayload.departureTime})</small>}
                                           {userPayload.note && <span className="ms-2" style={{ fontSize: 'small', color: 'var(--luncher-text-secondary)' }}>({userPayload.note})</span>}
+                                          {login === auth.login && userPayload.price != null && <small className="ms-2" style={{ color: 'var(--luncher-text-muted)' }}>{userPayload.price / 100} Kč</small>}
                                         </div>
                                         <div className="user-actions">
                                           {login === auth.login && canChangeChoice && locationKey === LunchChoice.OBJEDNAVAM && <span title='Označit/odznačit se jako objednávající'>
@@ -804,6 +824,9 @@ function App() {
                                           {login === auth.login && canChangeChoice && locationKey === LunchChoice.ROZHODUJI && <span title='Roztočit kolo štěstí'>
                                             <FontAwesomeIcon onClick={() => setSpinWheelOpen(true)} className='action-icon spin-wheel-icon' icon={faDharmachakra} />
                                           </span>}
+                                          {login === auth.login && canChangeChoice && !CHOICES_WITHOUT_PRICE.includes(locationKey) && <span title='Zadat cenu oběda do přehledu stravování'>
+                                            <FontAwesomeIcon onClick={() => setPriceModalOpen(true)} className='action-icon' icon={faTag} />
+                                          </span>}
                                           {login === auth.login && canChangeChoice && <span title='Upravit poznámku'>
                                             <FontAwesomeIcon onClick={() => {
                                               setNoteModalOpen(true);
@@ -969,6 +992,13 @@ function App() {
       <Footer />
       {spinWheelOpen && <SpinWheelModal isOpen onClose={() => setSpinWheelOpen(false)} menus={food} onPick={handleWheelPick} />}
       <NoteModal isOpen={noteModalOpen} onClose={() => setNoteModalOpen(false)} onSave={saveNote} />
+      <PriceModal
+        isOpen={priceModalOpen}
+        onClose={() => setPriceModalOpen(false)}
+        price={ownChoice?.choice.price}
+        suggestedPrice={ownSuggestedPrice}
+        onSave={savePrice}
+      />
       {payForAllLocationKey && data && (
         <PayForAllModal
           isOpen