Update app.py

app.py

@@ -284,23 +284,6 @@ button {
         alert("Your final order has been submitted!");
     }
 </script>
-
-<script>
-    document.addEventListener("DOMContentLoaded", function () {
-        // Attach a global listener to all button clicks
-        document.body.addEventListener("click", function (event) {
-            const clickedButton = event.target;
-            if (clickedButton.innerText === "View Cart") {
-                // Wait a short delay to allow Gradio transition, then scroll to top
-                setTimeout(() => {
-                    window.scrollTo({ top: 0, behavior: "smooth" });
-                }, 100);
-            }
-        });
-    });
-</script>
-
-
 """
 # Authentication and Navigation Logic
 def authenticate_user(email, password):
@@ -323,7 +306,6 @@ def navigate_to_login():
 
 # Gradio App
 def app():
-
     with gr.Blocks() as demo:
         # Login Page
         with gr.Column(visible=True) as login_section:
@@ -357,10 +339,10 @@ def app():
             )
 
             # Output area for menu items
-            menu_output = gr.HTML(value="<p>Displaying all menu items...</p>")
+            menu_output = gr.HTML(value=filter_menu("All"))
 
             # Button to navigate to Cart Page
-            view_cart_button = gr.Button("View Cart", elem_id="view-cart-button")
+            view_cart_button = gr.Button("View Cart")
 
             # Modal window
             modal_window = gr.HTML("""
@@ -401,7 +383,8 @@ 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,59 +403,37 @@ def app():
         # Button Bindings
         # Login Button
         login_button.click(
-            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."),
+            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)),
+            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],
         )
-
         # 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__":