Update app.py

app.py

@@ -34,23 +34,23 @@ def filter_menu(preference):
             </div>
             <div style="flex-shrink: 0; text-align: center;">
                 <img src="{item['Image URL']}" alt="{item['Dish Name']}" style="width: 100px; height: 100px; border-radius: 8px; object-fit: cover; margin-bottom: 10px;">
-                <button value="{item['Dish Name']}" onclick="select('{item['Dish Name']}')" style="background-color: #28a745; color: white; border: none; padding: 8px 15px; font-size: 14px; border-radius: 5px; cursor: pointer;">Add</button>
+                <button value="{item['Dish Name']}" onclick="selectDish('{item['Dish Name']}')" style="background-color: #28a745; color: white; border: none; padding: 8px 15px; font-size: 14px; border-radius: 5px; cursor: pointer;">Add</button>
             </div>
         </div>
         """
     return html_content
 
-# Function to render detailed view of a dish
+# Function to render dish details for the suggestion page
 def render_dish_details(dish_name):
-    print(f"Selected dish: {dish_name}")  # Debugging line
+    print(f"Dish name received: {dish_name}")  # Debugging line
     menu_data = load_menu()
     try:
         dish = menu_data[menu_data["Dish Name"] == dish_name].iloc[0]
         return (
-            dish["Image URL"],  # Dish image
-            f"## {dish_name}",  # Dish name
-            dish["Description"],  # Description
-            f"${dish['Price ($)']}"  # Price
+            dish["Image URL"],
+            dish_name,
+            dish["Description"],
+            f"${dish['Price ($)']}"
         )
     except IndexError:
         raise ValueError(f"Dish '{dish_name}' not found!")
@@ -58,14 +58,19 @@ def render_dish_details(dish_name):
 # Gradio app definition
 def app():
     with gr.Blocks() as demo:
-        gr.Markdown("## Menu with Suggestions")
+        gr.Markdown("## Menu with Dynamic Filters")
 
-        selected_dish = gr.State("")  # Track the selected dish name
+        selected_dish = gr.State("")  # State for the selected dish name
 
-        # Menu page
+        # Menu components
+        preference_selector = gr.Radio(
+            choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
+            value="All",
+            label="Choose a Preference"
+        )
         menu_html = gr.HTML(value=filter_menu("All"))
 
-        # Suggestion page
+        # Suggestion page components
         suggestion_page = gr.Column(visible=False)
         dish_image = gr.Image(label="Dish Image")
         dish_name = gr.Markdown()
@@ -73,6 +78,9 @@ def app():
         dish_price = gr.Markdown()
 
         # Functions
+        def update_menu(preference):
+            return filter_menu(preference)
+
         def show_suggestion(dish_name):
             try:
                 img, name, desc, price = render_dish_details(dish_name)
@@ -80,14 +88,27 @@ def app():
                     gr.update(visible=False),
                     gr.update(visible=True),
                     img,
-                    name,
+                    f"## {name}",
                     desc,
-                    price,
+                    price
                 )
             except ValueError as e:
-                return gr.update(value=f"<p style='color:red;'>Error: {str(e)}</p>")
+                return (
+                    gr.update(visible=True),
+                    gr.update(visible=False),
+                    "",
+                    f"Error: {str(e)}",
+                    "",
+                    ""
+                )
 
         # Event Handlers
+        preference_selector.change(
+            update_menu,
+            inputs=[preference_selector],
+            outputs=[menu_html]
+        )
+
         menu_html.change(
             show_suggestion,
             inputs=[selected_dish],