feat: spin the wheel, objednavani scrape menu, historie cen

client/src/App.tsx

@@ -10,15 +10,18 @@ import PizzaOrderList from './components/PizzaOrderList';
 import SelectSearch, { SelectedOptionValue, SelectSearchOption } from 'react-select-search';
 import 'react-select-search/style.css';
 import './App.scss';
+import './themes/umamusume.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, faGear, faMoneyBillTransfer, faSatelliteDish, faSearch, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
+import { faArrowUpRightFromSquare, faBasketShopping, 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 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';
@@ -81,6 +84,7 @@ function App() {
   const [loadingPizzaDay, setLoadingPizzaDay] = useState<boolean>(false);
   const [noteModalOpen, setNoteModalOpen] = useState<boolean>(false);
   const [payForAllLocationKey, setPayForAllLocationKey] = useState<LunchChoice | null>(null);
+  const [spinWheelOpen, setSpinWheelOpen] = useState<boolean>(false);
   const [eggImage, setEggImage] = useState<Blob>();
   const eggRef = useRef<HTMLImageElement>(null);
   // Prazvláštní workaround, aby socket.io listener viděl aktuální hodnotu
@@ -408,6 +412,24 @@ function App() {
     }
   }
 
+  // Převzetí výsledku kola štěstí — podnik s menu vybere i jídlo, rozvoz se zapíše do poznámky
+  const handleWheelPick = async (pick: WheelPick) => {
+    if (!auth?.login) return;
+    try {
+      if (pick.kind === 'menu') {
+        await addChoice({ body: { locationKey: pick.restaurant, foodIndex: pick.foodIndex, dayIndex } });
+      } else {
+        await addChoice({ body: { locationKey: LunchChoice.OBJEDNAVAM, dayIndex } });
+        // Server přijímá poznámku max. 70 znaků
+        const note = pick.dish ? `${pick.store}: ${pick.dish}` : pick.store;
+        await updateNote({ body: { note: note.length > 70 ? note.slice(0, 69) + '…' : note, dayIndex } });
+      }
+      await tryAutoSelectDepartureTime();
+    } catch (error: any) {
+      alert(`Chyba při změně volby: ${error.message || error}`);
+    }
+  }
+
   const saveNote = async (note?: string) => {
     if (auth?.login) {
       await updateNote({ body: { note, dayIndex } });
@@ -745,6 +767,7 @@ function App() {
                                           {trusted && <span className='trusted-icon' title='Uživatel ověřený doménovým přihlášením'>
                                             <FontAwesomeIcon icon={faCircleCheck} style={{ cursor: "help" }} />
                                           </span>}
+                                          <EaterBadge items={userChoices?.length ?? 0} />
                                           <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>}
@@ -768,6 +791,9 @@ function App() {
                                               copyNote(userPayload.note!);
                                             }} className='action-icon' icon={faComment} />
                                           </span>}
+                                          {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 && <span title='Upravit poznámku'>
                                             <FontAwesomeIcon onClick={() => {
                                               setNoteModalOpen(true);
@@ -931,6 +957,7 @@ function App() {
         leafVariants={LEAF_COLOR_THEMES.AUTUMN}
       /> */}
       <Footer />
+      {spinWheelOpen && <SpinWheelModal isOpen onClose={() => setSpinWheelOpen(false)} menus={food} onPick={handleWheelPick} />}
       <NoteModal isOpen={noteModalOpen} onClose={() => setNoteModalOpen(false)} onSave={saveNote} />
       {payForAllLocationKey && data && (
         <PayForAllModal