Update app.py

app.py

@@ -323,6 +323,7 @@ def navigate_to_login():
 
 # Gradio App
 def app():
+
     with gr.Blocks() as demo:
         # Login Page
         with gr.Column(visible=True) as login_section:
@@ -356,10 +357,10 @@ def app():
             )
 
             # Output area for menu items
-            menu_output = gr.HTML(value=filter_menu("All"))
+            menu_output = gr.HTML(value="<p>Displaying all menu items...</p>")
 
             # Button to navigate to Cart Page
-            view_cart_button = gr.Button("View Cart")
+            view_cart_button = gr.Button("View Cart", elem_id="view-cart-button")
 
             # Modal window
             modal_window = gr.HTML("""
@@ -400,8 +401,7 @@ def app():
             gr.Row(menu_output)
             gr.Row(modal_window)
             gr.HTML(modal_and_cart_js)
-
-         # Cart & Final Order Page
+        # Cart & Final Order Page
         with gr.Column(visible=False) as cart_section:
             gr.Markdown("### Cart & Final Order Page")
 
@@ -420,37 +420,59 @@ def app():
         # 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."),
+            lambda email, password: (gr.update(visible=False), gr.update(visible=True), "")
+            if email == "test@example.com" and password == "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)),
+            lambda name, phone, email, password: ("Signup successful! Please login.", gr.update(visible=True), gr.update(visible=False)),
             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],
         )
+
         # Navigate to Cart Page
         view_cart_button.click(
             lambda: (gr.update(visible=False), gr.update(visible=True)),
             outputs=[menu_section, cart_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],
         )
 
+    # Inject JavaScript for Scrolling to Top
+    demo.add_component(gr.HTML("""
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            const viewCartButton = document.querySelector("#view-cart-button");
+            if (viewCartButton) {
+                viewCartButton.addEventListener("click", function () {
+                    setTimeout(() => {
+                        window.scrollTo({ top: 0, behavior: "smooth" });
+                    }, 200);
+                });
+            }
+        });
+    </script>
+    """))
     return demo
 
 if __name__ == "__main__":