Update app.py

app.py

@@ -304,9 +304,24 @@ 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:
+        # Cart & Final Order Page (Always at the Top)
+        with gr.Column(visible=False) as cart_section:
+            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)
+
         # Login Page
         with gr.Column(visible=True) as login_section:
             gr.Markdown("# Login Page")
@@ -327,11 +342,9 @@ def app():
             signup_button = gr.Button("Sign Up")
             go_to_login = gr.Button("Back to Login")
 
-        # Menu Page
+        # Menu Page (Below Cart Section)
         with gr.Column(visible=False) as menu_section:
             gr.Markdown("### Menu Page (Accessible Only After Login)")
-            view_cart_button_bottom = gr.Button("View Cart")
-
 
             # View Cart Button (Top Position)
             view_cart_button_top = gr.Button("View Cart")
@@ -394,23 +407,6 @@ def app():
             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 & Final Order Page")
-            back_to_menu_button = gr.Button("Back to Menu")
-
-            # 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)
-
         # Button Bindings
         # Login Button
         login_button.click(
@@ -436,20 +432,21 @@ def app():
         )
         # Navigate to Cart Page (Both Buttons Use the Same Logic)
         view_cart_button_top.click(
-            lambda: (gr.update(visible=False), gr.update(visible=True)),
-            outputs=[menu_section, cart_section],
+            lambda: (gr.update(visible=True), gr.update(visible=False)),
+            outputs=[cart_section, menu_section],
         )
         view_cart_button_bottom.click(
-            lambda: (gr.update(visible=False), gr.update(visible=True)),
-            outputs=[menu_section, cart_section],
+            lambda: (gr.update(visible=True), gr.update(visible=False)),
+            outputs=[cart_section, menu_section],
         )
         # Navigate Back to Menu Page
         back_to_menu_button.click(
-            lambda: (gr.update(visible=True), gr.update(visible=False)),
-            outputs=[menu_section, cart_section],
+            lambda: (gr.update(visible=False), gr.update(visible=True)),
+            outputs=[cart_section, menu_section],
         )
 
     return demo
 
+
 if __name__ == "__main__":
     app().launch()