ok

src/App.js

@@ -14,7 +14,6 @@ import API_BASE_URL from "./config.js";
 
 import Dashboard from "./pages/Dashboard";
 import ScanMeja from "./pages/ScanMeja";
-import LoginPage from "./pages/LoginPage";
 import CafePage from "./pages/CafePage";
 import SearchResult from "./pages/SearchResult";
 import Cart from "./pages/Cart";
@@ -58,6 +57,7 @@ function App() {
   const [shopItems, setShopItems] = useState([]);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [modalContent, setModalContent] = useState(null);
+  const [queue, setQueue] = useState([]);
 
   useEffect(() => {
     const calculateTotalsFromLocalStorage = () => {
@@ -265,6 +265,12 @@ function App() {
       navigate("/guest-side");
     });
 
+    socket.on("updateQueue", (response) => {
+        setQueue(response); // Only set the queue if it's a valid non-empty array
+        console.log("Updated Queue:", response); // Log the valid queue
+      
+    });
+
     return () => {
       socket.off("signout-guest-session");
     };
@@ -403,7 +409,6 @@ function App() {
               <Dashboard user={user} socket={socket} setModal={setModal} />
             }
           />
-          <Route path="/login" element={<LoginPage />} />
           <Route
             path="/scan"
             element={
@@ -444,6 +449,7 @@ function App() {
                   removeConnectedGuestSides={rmConnectedGuestSides}
                   setModal={setModal} // Pass the function to open modal
                   loading={shop.name==null}
+                  queue={queue}
                 />
                 <Footer
                   showTable={true}