Update app.py

app.py

@@ -42,20 +42,17 @@ def create_ui():
         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")
         
-        # Section 1: Menu 1 - Dish Names by Category
-        gr.Markdown("### Select Items by Category")
-        dish_list = gr.CheckboxGroup(label="Available Dishes", choices=filter_dishes("ALL"), interactive=True)
+        # Dish Dropdown (Dynamically updated)
+        gr.Markdown("### Select a Dish")
+        dish_dropdown = gr.Dropdown(label="Available Dishes", choices=filter_dishes("ALL"), value=None, interactive=True)
         
-        # Section 2: Menu 2 - Selected Items
-        gr.Markdown("### Selected Items")
-        selected_dishes = gr.Dropdown(label="Select a Dish to View Details", choices=[], value=None, interactive=True)
-        
-        # Section 3: Dish Details
+        # Dish Details
         gr.Markdown("### Dish Details")
         dish_image = gr.Image(label="Dish Image", type="pil")
         dish_description = gr.Textbox(label="Description", interactive=False)
@@ -63,20 +60,14 @@ def create_ui():
         dish_spice_level = gr.Textbox(label="Spice Level", interactive=False)
         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_list)
-        vegan_button.click(fn=lambda: filter_dishes("VEGAN"), outputs=dish_list)
-        halal_button.click(fn=lambda: filter_dishes("HALAL"), outputs=dish_list)
-
-        # Event: Update selected_dishes dropdown when items are selected in dish_list
-        def update_selected_dishes(selected_items):
-            return gr.Dropdown.update(choices=selected_items, value=selected_items[0] if selected_items else None)
-        
-        dish_list.change(fn=update_selected_dishes, inputs=dish_list, outputs=selected_dishes)
+        # 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)
 
-        # Event: Show dish details when a dish is selected from selected_dishes
-        selected_dishes.change(fn=show_dish_details, inputs=selected_dishes, 
-                               outputs=[dish_image, dish_description, dish_price, dish_spice_level, dish_portion_size])
+        # 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])
         
     return demo