Update app.py

app.py

@@ -283,6 +283,15 @@ button {
         document.getElementById('final-order').innerHTML = finalOrderHTML;
         alert("Your final order has been submitted!");
     }
+    function navigateToCart() {
+        // Hide the menu section and show the cart section
+        document.querySelector(".gr-Column.menu_section").style.display = "none";
+        document.querySelector(".gr-Column.cart_section").style.display = "block";
+
+        // Scroll to the top of the page
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+
 </script>
 """
 # Authentication and Navigation Logic
@@ -437,9 +446,10 @@ def app():
             outputs=[menu_section, cart_section],
         )
         view_cart_button_bottom.click(
-            lambda: (gr.update(visible=False), gr.update(visible=True)),
-            outputs=[menu_section, cart_section],
+            lambda: (gr.update(visible=False), gr.update(visible=True), gr.update(value="<script>navigateToCart()</script>")),
+            outputs=[menu_section, cart_section, gr.HTML()],
         )
+
         # Navigate Back to Menu Page
         back_to_menu_button.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),