Update app.py

app.py

@@ -303,12 +303,10 @@ def create_account(name, phone, email, password):
 
 def navigate_to_login():
     return gr.update(visible=True), gr.update(visible=False)
-    
+
+# Gradio App
 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")
@@ -343,12 +341,9 @@ def app():
             # Output area for menu items
             menu_output = gr.HTML(value=filter_menu("All"))
 
-            # Add Item Button (Simulate Adding Items)
-            add_item_button = gr.Button("Add Item to Cart")
-
-            # "View Cart" button
+            # Button to navigate to Cart Page
             view_cart_button = gr.Button("View Cart")
-            
+
             # Modal window
             modal_window = gr.HTML("""
                 <div id="modal" style="display: none; position: fixed; background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 20px; z-index: 1000;">
@@ -380,74 +375,60 @@ 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])
 
             # Layout
             gr.Row([selected_preference])
             gr.Row(menu_output)
-            gr.Row(view_cart_button)
             gr.Row(modal_window)
+            gr.HTML(modal_and_cart_js)
 
+         # Cart & Final Order Page
         with gr.Column(visible=False) as cart_section:
-            gr.Markdown("### Cart Page")
-            cart_output = gr.HTML(value="Your cart is empty.", elem_id="cart-output")
+            gr.Markdown("### Cart & Final Order Page")
+
+            # Floating cart display
+            cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
+
+            # Final order display
             final_order_output = gr.HTML(value="", elem_id="final-order")
+
+            # Button to navigate back to Menu Page
             back_to_menu_button = gr.Button("Back to Menu")
 
             gr.Row(cart_output)
             gr.Row(final_order_output)
-            gr.Row(back_to_menu_button)
 
         # Button Bindings
-        # Button Logic
+        # Login Button
         login_button.click(
             lambda email, password: (gr.update(visible=False), gr.update(visible=True), "") if check_credentials(email, password) else (gr.update(), gr.update(), "Invalid email or password."),
             inputs=[login_email, login_password],
             outputs=[login_section, menu_section, login_error],
         )
-        go_to_signup.click(
-            lambda: (gr.update(visible=False), gr.update(visible=True)),
-            outputs=[login_section, signup_section],
-        )
+        # Signup Button
         signup_button.click(
             lambda name, phone, email, password: ("Signup successful! Please login.", gr.update(visible=True), gr.update(visible=False)) if save_user(name, phone, email, password) else ("Email already exists.", gr.update(visible=False), gr.update(visible=True)),
             inputs=[signup_name, signup_phone, signup_email, signup_password],
             outputs=[signup_message, login_section, signup_section],
         )
+        # Navigate to Signup Page
+        go_to_signup.click(
+            lambda: (gr.update(visible=False), gr.update(visible=True)),
+            outputs=[login_section, signup_section],
+        )
+        # Navigate Back to Login Page
         go_to_login.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[login_section, signup_section],
         )
-        # Add item to cart logic
-        def add_item_to_cart(cart):
-            item = "Sample Item"  # Simulate an item being added
-            cart.append(item)
-            return cart
-
-        add_item_button.click(
-            add_item_to_cart,
-            inputs=[cart_state],
-            outputs=[cart_state],
-        )
-
-        # 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>Total items: {len(cart)}</p>"
-            return cart_html, final_html
-
+        # Navigate to Cart Page
         view_cart_button.click(
-            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],
+            lambda: (gr.update(visible=False), gr.update(visible=True)),
+            outputs=[menu_section, cart_section],
         )
-
-        # Navigation from Cart Page back to Menu Page
+        # Navigate Back to Menu Page
         back_to_menu_button.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[menu_section, cart_section],
@@ -455,6 +436,5 @@ def app():
 
     return demo
 
-
 if __name__ == "__main__":
-    app().launch()
+    app().launch()