Update app.py

app.py

@@ -306,22 +306,13 @@ def navigate_to_login():
 
 def app():
     with gr.Blocks() as demo:
-        # JavaScript for scrolling to the top
-        scroll_to_top_js = """
-        <script>
-            function scrollToTop() {
-                document.body.scrollTop = 0; // For Safari
-                document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE, and Opera
-            }
-        </script>
-        """
-
         # Cart & Final Order Page (Always at the Top)
-        with gr.Column(visible=False) as cart_section:
+        with gr.Column(visible=False, elem_id="cart-section") as cart_section:
             gr.Markdown("### Cart & Final Order Page (Always at the Top)")
             cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
             final_order_output = gr.HTML(value="", elem_id="final-order")
             back_to_menu_button = gr.Button("Back to Menu")
+
         # Login Page
         with gr.Column(visible=True) as login_section:
             gr.Markdown("# Login Page")
@@ -342,8 +333,8 @@ def app():
             signup_button = gr.Button("Sign Up")
             go_to_login = gr.Button("Back to Login")
 
-        # Menu Page
-        with gr.Column(visible=False) as menu_section:
+        # Menu Page (Below the Cart Section)
+        with gr.Column(visible=False, elem_id="menu-section") as menu_section:
             gr.Markdown("### Menu Page (Below Cart Section)")
              
             # View Cart Button (Top Position)
@@ -401,19 +392,21 @@ def app():
             gr.Row(view_cart_button_top)  # View Cart button at the top
             gr.Row([selected_preference])
             gr.Row(menu_output)
-            gr.Row(view_cart_button_bottom)
-            gr.HTML(scroll_to_top_js)# View Cart button at the bottom
+            gr.Row(view_cart_button_bottom) # View Cart button at the bottom
             gr.Row(modal_window)
             gr.HTML(modal_and_cart_js)
 
         # Button Bindings
         # Login Button
         # Login Button
+        # Button Bindings
+        # 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],
         )
+        # 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],
@@ -427,25 +420,23 @@ def app():
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[login_section, signup_section],
         )
+        # Navigate to Cart Page (Both Buttons Use the Same Logic)
         view_cart_button_top.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[cart_section, menu_section],
-            _js="scrollToTop()",  # Scroll to top on visibility change
         )
         view_cart_button_bottom.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[cart_section, menu_section],
-            _js="scrollToTop()",  # Scroll to top on visibility change
         )
         back_to_menu_button.click(
             lambda: (gr.update(visible=False), gr.update(visible=True)),
             outputs=[cart_section, menu_section],
         )
 
-    
-
     return demo
 
 
+
 if __name__ == "__main__":
     app().launch()