Update app.py

app.py

@@ -1,37 +1,36 @@
 import gradio as gr
 from components.menu import generate_menu
-from components.cart import cart
+from components.popup import show_popup
+from components.cart import display_cart, cart_data
 import pandas as pd
 
 # Load menu data
-menu_data = pd.read_excel("data/menu.xlsx")  # Load menu data globally
+menu_data = pd.read_excel("data/menu.xlsx")
 
 def main():
     with gr.Blocks(css="static/styles.css") as app:
-        gr.Markdown("# Dynamic Menu with Popups and Cart")
-        
+        gr.Markdown("# Dynamic Menu with Popups and Ordering System")
+
         # Preference Selection
         preference = gr.Radio(
-            label="Select Preference",
+            label="Choose a Preference",
             choices=["All", "Vegetarian", "Non-Vegetarian", "Guilt-Free"],
             value="All"
         )
-        
-        # Menu Display
-        menu_display = gr.Column()
-        
-        # Update menu dynamically based on preference
-        def update_menu(preference_value):
-            return generate_menu(preference_value, menu_data)
 
-        preference.change(update_menu, inputs=preference, outputs=menu_display)
+        # Menu Display
+        menu_display = gr.Row()
+        preference.change(generate_menu, inputs=[preference], outputs=menu_display)
 
         # Popup Display
-        popup_display = gr.Column(visible=False)  # Placeholder for popups
+        popup_display = gr.Column(visible=False)  # Placeholder for popup
 
-        # Cart Display
+        # Cart Section
         gr.Markdown("## Your Cart")
-        cart_display = gr.Dataframe(headers=["Dish", "Spice Level", "Extras", "Instructions", "Quantity", "Price"])
+        cart_display = gr.Dataframe(
+            value=cart_data(),
+            headers=["Dish", "Spice Level", "Extras", "Instructions", "Quantity", "Price"]
+        )
 
         app.launch()