Nástřel přidávání pizzy

client/src/App.tsx

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import { EVENT_DISCONNECT, EVENT_MESSAGE, SocketContext } from './context/socket';
-import { createPizzaDay, deletePizzaDay, getData, getFood, getPizzy, updateChoice } from './Api';
+import { addPizza, createPizzaDay, deletePizzaDay, getData, getFood, getPizzy, updateChoice } from './Api';
 import { useAuth } from './context/auth';
 import Login from './Login';
 import { Locations, ClientData, Pizza } from './Types';
@@ -108,13 +108,17 @@ function App() {
     return suggestions;
   }, [pizzy]);
 
-  const handlePizzaChange = (value) => {
+  const handlePizzaChange = async (value) => {
     console.log("Pizza vybrána", value);
-    if (pizzy) {
+    if (auth?.login && pizzy) {
       const s = value.split('|');
-      const pizza = pizzy[Number.parseInt(s[0])];
-      const size = pizza.sizes[Number.parseInt(s[1])];
+      const pizzaIndex = Number.parseInt(s[0]);
+      const pizzaSizeIndex = Number.parseInt(s[1]);
+      const pizza = pizzy[pizzaIndex];
+      const size = pizza.sizes[pizzaSizeIndex];
+      // TODO smazat
       console.log("Vybraná pizza a velikost", pizza, size);
+      await addPizza(auth.login, pizzaIndex, pizzaSizeIndex);
     }
   }
 
@@ -196,7 +200,7 @@ function App() {
                 : <div className='mt-5'><i>Zatím nikdo nehlasoval...</i></div>
               }
             </div>
-            {/* {!data.pizzaDay &&
+            {!data.pizzaDay &&
               <div>
                 <p>Pro dnešní den není aktuálně založen Pizza day.</p>
                 <Button onClick={async () => {
@@ -207,7 +211,7 @@ function App() {
             {data.pizzaDay && <div>
               <p>Pizza Day je založen uživatelem {data.pizzaDay.creator}</p>
               {
-                data.pizzaDay.creator === auth.login && <Button className='danger' onClick={async () => {
+                data.pizzaDay.creator === auth.login && <Button className='danger mb-3' onClick={async () => {
                   await deletePizzaDay(auth.login);
                 }}>Smazat Pizza day</Button>
               }
@@ -218,7 +222,7 @@ function App() {
                 onChange={handlePizzaChange}
               />
               <PizzaOrderList orders={data.pizzaDay.orders} />
-            </div>} */}
+            </div>}
           </div>
         </>}
       </div>