Update app.py

app.py

@@ -1,16 +1,20 @@
 import gradio as gr
 import pandas as pd
 
-# Function to load menu data
+# Function to load the menu data from Excel
 def load_menu():
+    menu_file = "menu.xlsx"  # Ensure this file exists in the same directory
     try:
-        return pd.read_excel("menu.xlsx")
+        return pd.read_excel(menu_file)
     except Exception as e:
         raise ValueError(f"Error loading menu file: {e}")
 
-# Function to filter menu items
+# Function to filter menu items based on preference
 def filter_menu(preference):
+    # Load menu data
     menu_data = load_menu()
+
+    # Define filter conditions
     if preference == "Halal/Non-Veg":
         filtered_data = menu_data[menu_data["Ingredients"].str.contains("Chicken|Mutton|Fish|Prawns|Goat", case=False, na=False)]
     elif preference == "Vegetarian":
@@ -20,39 +24,41 @@ def filter_menu(preference):
     else:  # Default to "All"
         filtered_data = menu_data
 
-    # Generate HTML for menu items
+    # Generate HTML for the menu
     html_content = ""
     for _, item in filtered_data.iterrows():
         html_content += f"""
         <div class="menu-card">
-            <div class="menu-card-content">
+            <div class="menu-card-details">
                 <h3>{item['Dish Name']}</h3>
+                <p>${item['Price ($)']}</p>
                 <p>{item['Description']}</p>
-                <p><strong>${item['Price ($)']}</strong></p>
             </div>
             <div class="menu-card-actions">
                 <img src="{item['Image URL']}" alt="{item['Dish Name']}" class="menu-card-image">
-                <button class="add-button" onclick="openModal('{item['Dish Name']}', '{item['Image URL']}', '{item['Description']}', '{item['Price ($)']}')">Add</button>
+                <button onclick="openModal('{item['Dish Name']}', '{item['Image URL']}', '{item['Description']}', '{item['Price ($)']}')" class="add-button">Add</button>
             </div>
         </div>
         """
     return html_content
 
-# Main Gradio App
+# Gradio app definition
 def app():
     with gr.Blocks(css="style.css") as demo:
         gr.Markdown("## Dynamic Menu with Preferences")
 
-        # Menu and Filter Section
-        preference_selector = gr.Radio(
+        # Radio button for selecting preference
+        selected_preference = gr.Radio(
             choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
             value="All",
-            label="Choose a Preference"
+            label="Choose a Preference",
         )
+
+        # Output area for menu items
         menu_output = gr.HTML(value=filter_menu("All"))
 
-        # Modal Logic Injected via HTML
-        modal_logic = gr.HTML("""
+        # Modal window (hidden by default)
+        modal_window = gr.HTML("""
         <div id="modal" class="modal">
             <div class="modal-content">
                 <span class="close-button" onclick="closeModal()">&times;</span>
@@ -86,16 +92,20 @@ def app():
         </script>
         """)
 
+        # Interactivity
+        selected_preference.change(filter_menu, inputs=[selected_preference], outputs=[menu_output])
+
         # Layout
         with gr.Row():
-            preference_selector.change(filter_menu, inputs=[preference_selector], outputs=[menu_output])
+            selected_preference
         with gr.Row():
             menu_output
         with gr.Row():
-            modal_logic
+            modal_window
 
     return demo
 
-
+# Run the app
 if __name__ == "__main__":
-    app().launch()
+    demo = app()
+    demo.launch()