Update app.py

app.py

@@ -29,10 +29,13 @@ def filter_dishes(category):
     return []
 
 # Function to show dish details
-def show_dish_details(dish_name):
+def show_dish_details(selected_dishes):
+    if not selected_dishes:
+        return None, "", "", "", ""  # Clear the details if no dish is selected
+    selected_dish_name = selected_dishes[-1]  # Show details for the last selected dish
     for dish in menu_data["All"]:
-        if dish["name"] == dish_name:
-            return (dish["image"], dish["description"], dish["price"], dish["spice_level"], dish["portion_size"])
+        if dish["name"] == selected_dish_name:
+            return dish["image"], dish["description"], dish["price"], dish["spice_level"], dish["portion_size"]
     return None, "Dish not found", "N/A", "N/A", "N/A"
 
 # Main Gradio UI
@@ -40,18 +43,18 @@ def create_ui():
     with gr.Blocks() as demo:
         # Heading
         gr.HTML("<h1 style='text-align: center;'>Biryani Hub Menu</h1>")
-        
+
         # Category Selection Buttons
         gr.Markdown("### Select a Category")
         with gr.Row():
             all_button = gr.Button("ALL")
             vegan_button = gr.Button("VEGAN")
             halal_button = gr.Button("HALAL")
-        
-        # Dish Dropdown (Dynamically updated)
+
+        # Checkbox Group for Available Dishes
         gr.Markdown("### Select a Dish")
-        dish_dropdown = gr.Dropdown(label="Available Dishes", choices=filter_dishes("ALL"), value=None, interactive=True)
-        
+        dish_list = gr.CheckboxGroup(label="Available Dishes", choices=filter_dishes("ALL"), interactive=True)
+
         # Dish Details
         gr.Markdown("### Dish Details")
         dish_image = gr.Image(label="Dish Image", type="pil")
@@ -61,13 +64,13 @@ def create_ui():
         dish_portion_size = gr.Textbox(label="Portion Size", interactive=False)
 
         # Event: Update dish list based on category buttons
-        all_button.click(fn=lambda: filter_dishes("ALL"), outputs=dish_dropdown)
-        vegan_button.click(fn=lambda: filter_dishes("VEGAN"), outputs=dish_dropdown)
-        halal_button.click(fn=lambda: filter_dishes("HALAL"), outputs=dish_dropdown)
+        all_button.click(fn=lambda: filter_dishes("ALL"), outputs=dish_list)
+        vegan_button.click(fn=lambda: filter_dishes("VEGAN"), outputs=dish_list)
+        halal_button.click(fn=lambda: filter_dishes("HALAL"), outputs=dish_list)
 
         # Event: Show dish details when a dish is selected
-        dish_dropdown.change(fn=show_dish_details, inputs=dish_dropdown, 
-                             outputs=[dish_image, dish_description, dish_price, dish_spice_level, dish_portion_size])
+        dish_list.change(fn=show_dish_details, inputs=dish_list, 
+                         outputs=[dish_image, dish_description, dish_price, dish_spice_level, dish_portion_size])
         
     return demo