fix: opravy generování QR kódů, zobrazení také na stránce objednání

client/src/pages/OrderGroupsPage.tsx

@@ -4,10 +4,10 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faTrashCan } from '@fortawesome/free-regular-svg-icons';
 import { faBasketShopping, faCircleCheck, faGear, faLock, faLockOpen, faSearch, faUserPlus } from '@fortawesome/free-solid-svg-icons';
 import {
-    ClientData, GroupState, MealSlot, OrderGroup, OrderGroupMember,
+    ClientData, GroupState, MealSlot, OrderGroup, OrderGroupMember, PendingQr,
     getData, createGroup, deleteGroup, addGroupMember, removeGroupMember, updateGroupMember, setGroupState, updateGroupTimes,
 } from '../../../types';
-import { EVENT_MESSAGE, SocketContext } from '../context/socket';
+import { EVENT_MESSAGE, EVENT_PENDING_QR, SocketContext } from '../context/socket';
 import { useAuth } from '../context/auth';
 import { useSettings } from '../context/settings';
 import Login from '../Login';
@@ -17,6 +17,7 @@ import Loader from '../components/Loader';
 import StoreAdminModal from '../components/modals/StoreAdminModal';
 import PayForGroupModal from '../components/modals/PayForGroupModal';
 import EditGroupFeesModal from '../components/modals/EditGroupFeesModal';
+import PendingPayments from '../components/PendingPayments';
 
 const SLOT = MealSlot.EXTRA;
 const TIME_REGEX = /^([01]\d|2[0-3]):[0-5]\d$/;
@@ -70,7 +71,11 @@ export default function OrderGroupsPage() {
                 stores: newData.stores ?? prev?.stores,
             }));
         });
-        return () => { socket.off(EVENT_MESSAGE); };
+        // Nová nevyřízená platba (QR kód) – připojíme do dat, aby se zobrazila i bez znovunačtení stránky
+        socket.on(EVENT_PENDING_QR, (pendingQr: PendingQr) => {
+            setData(prev => prev ? { ...prev, pendingQrs: [...(prev.pendingQrs ?? []), pendingQr] } : prev);
+        });
+        return () => { socket.off(EVENT_MESSAGE); socket.off(EVENT_PENDING_QR); };
     }, [socket]);
 
     const refresh = async (fn: () => Promise<any>): Promise<boolean> => {
@@ -545,6 +550,13 @@ export default function OrderGroupsPage() {
                                 </Card>
                             );
                         })}
+
+                        {/* Nevyřízené platby přihlášeného uživatele */}
+                        <PendingPayments
+                            pendingQrs={data.pendingQrs}
+                            login={auth.login}
+                            onDismissed={fetchData}
+                        />
                     </div>
                 </div>
             </div>