Update app.py

app.py

@@ -306,6 +306,9 @@ def navigate_to_login():
     
 def app():
     with gr.Blocks() as demo:
+        # Shared state for cart
+        cart_state = gr.State([])  # Initialize an empty list for cart items
+
         # Login Page
         with gr.Column(visible=True) as login_section:
             gr.Markdown("# Login Page")
@@ -342,7 +345,6 @@ def app():
 
             # "View Cart" button
             view_cart_button = gr.Button("View Cart")
-
             
             # Modal window
             modal_window = gr.HTML("""
@@ -375,6 +377,8 @@ def app():
                     <button style="background-color: #28a745; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 5px; cursor: pointer;" onclick="addToCart()">Add to Cart</button>
                 </div>
                 """)
+
+            gr.HTML(modal_and_cart_js)
             # Update menu dynamically based on preference
             selected_preference.change(filter_menu, inputs=[selected_preference], outputs=[menu_output])
 
@@ -383,7 +387,6 @@ def app():
             gr.Row(menu_output)
             gr.Row(view_cart_button)
             gr.Row(modal_window)
-            gr.HTML(modal_and_cart_js)
 
         with gr.Column(visible=False) as cart_section:
             gr.Markdown("### Cart Page")
@@ -415,10 +418,23 @@ def app():
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[login_section, signup_section],
         )
+        # Add item to cart logic
+        def add_item_to_cart(item, cart):
+            cart.append(item)  # Add the item to the cart
+            return cart
+
         # Navigation from "View Cart" button to Cart Page
+        def display_cart(cart):
+            if not cart:
+                return "Your cart is empty.", ""
+            cart_html = "<ul>" + "".join(f"<li>{item}</li>" for item in cart) + "</ul>"
+            final_html = f"<p>Items in cart: {len(cart)}</p>"
+            return cart_html, final_html
+
         view_cart_button.click(
-            lambda: (gr.update(visible=False), gr.update(visible=True)),
-            outputs=[menu_section, cart_section],
+            lambda cart: (gr.update(visible=False), gr.update(visible=True), *display_cart(cart)),
+            inputs=[cart_state],
+            outputs=[menu_section, cart_section, cart_output, final_order_output],
         )
 
         # Navigation from Cart Page back to Menu Page
@@ -426,7 +442,6 @@ def app():
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[menu_section, cart_section],
         )
-
     return demo