Update app.py

app.py

@@ -303,8 +303,7 @@ 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:
         # Login Page
@@ -337,19 +336,14 @@ def app():
                 value="All",
                 label="Choose a Preference",
             )
-            
-
 
             # Output area for menu items
             menu_output = gr.HTML(value=filter_menu("All"))
-            # Floating cart display
-            cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
-            final_order_output = gr.HTML(value="", elem_id="final-order")
-
-           view_cart_button = gr.Button("View Cart")
-
 
+            # "View Cart" button
+            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;">
@@ -387,17 +381,20 @@ def app():
             # Layout
             gr.Row([selected_preference])
             gr.Row(menu_output)
-            gr.Row(cart_output)
             gr.Row(view_cart_button)
             gr.Row(modal_window)
-            gr.Row(final_order_output)
             gr.HTML(modal_and_cart_js)
-         with gr.Column(visible=False) as cart_section:
-            gr.Markdown("### Your Cart")
-            gr.Row(cart_output)  # Displays the cart contents
-            gr.Row(final_order_output)  # Displays the final order summary
+
+        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")
+            final_order_output = gr.HTML(value="", elem_id="final-order")
             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.click(
@@ -418,13 +415,13 @@ def app():
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[login_section, signup_section],
         )
-         # Logic for View Cart Button
+        # Navigation from "View Cart" button to Cart Page
         view_cart_button.click(
             lambda: (gr.update(visible=False), gr.update(visible=True)),
             outputs=[menu_section, cart_section],
         )
 
-        # Logic for Back to Menu Button
+        # Navigation from Cart Page back to Menu Page
         back_to_menu_button.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[menu_section, cart_section],