Update app.py

app.py

@@ -79,6 +79,10 @@ def update_cart():
     cart_html += f"</ul><p><strong>Total Bill: ${total_bill:.2f}</strong></p>"
     return cart_html
 
+# Redirect to cart details page
+def redirect_to_cart():
+    return update_cart()
+
 # Gradio app definition
 def app():
     with gr.Blocks() as demo:
@@ -94,15 +98,13 @@ def app():
         # Output area for menu items
         menu_output = gr.HTML(value=filter_menu("All"))
 
-        # Redirect to cart page
-        def redirect_to_cart():
-            return update_cart()
-
-        cart_page = gr.HTML(value="Your cart is empty.")
-
         # Floating cart display
         cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
 
+        # View Cart Page
+        cart_page = gr.HTML(value="Your cart is empty.")
+        gr.Button("View Cart").click(fn=redirect_to_cart, outputs=cart_page)
+
         # JavaScript for modal and cart behavior
         modal_and_cart_js = """
         <script>
@@ -216,12 +218,13 @@ def app():
 
         # Interactivity
         selected_preference.change(filter_menu, inputs=[selected_preference], outputs=[menu_output])
-        gr.Button("View Cart").click(fn=update_cart, outputs=cart_page)
+        gr.Button("View Cart").click(fn=redirect_to_cart, outputs=cart_page)
 
         # Layout
         gr.Row([selected_preference])
         gr.Row(menu_output)
         gr.Row(cart_output)
+        gr.Row(cart_page)
         gr.Row(modal_window)
         gr.HTML(modal_and_cart_js)