Update app.py

app.py

@@ -25,25 +25,26 @@ menu_data = {
     ]
 }
 
-# Filter dishes by category
+# Filter dishes based on the category
 def filter_dishes(category):
     if category == "ALL":
         return [dish["name"] for dish in menu_data["ALL"]]
     return [dish["name"] for dish in menu_data["ALL"] if dish["category"] == category]
 
-# Show details for a selected dish
-def show_dish_details(dish_name):
+# Display details for the selected dish
+def get_dish_details(dish_name):
     fallback_image = "https://via.placeholder.com/300x200.png?text=Image+Not+Found"
     for dish in menu_data["ALL"]:
         if dish["name"] == dish_name:
             return (
-                dish["image"] if dish.get("image") else fallback_image, 
-                dish.get("description", "Description not available."),
+                dish["image"] if dish.get("image") else fallback_image,
+                dish.get("description", "Description not available"),
                 dish.get("price", "N/A"),
                 dish.get("spice_level", "N/A"),
                 dish.get("portion_size", "N/A")
             )
-    return fallback_image, "No dish selected", "N/A", "N/A", "N/A"
+    # If no dish matches
+    return fallback_image, "Dish not found", "N/A", "N/A", "N/A"
 
 # Gradio UI
 def create_ui():
@@ -57,28 +58,28 @@ def create_ui():
             btn_vegan = gr.Button("VEGAN")
             btn_halal = gr.Button("HALAL")
 
-        # Dish Selection Radio Buttons
+        # Dish Selection with Radio Buttons
         gr.Markdown("### Select a Dish")
-        dish_radio = gr.Radio(label="Available Dishes", choices=filter_dishes("ALL"))
+        dish_radio = gr.Radio(label="Available Dishes", choices=filter_dishes("ALL"), interactive=True)
 
         # Dish Details
         gr.Markdown("### Dish Details")
         dish_image = gr.Image(label="Dish Image", type="pil")
         dish_description = gr.Textbox(label="Description", interactive=False)
         dish_price = gr.Textbox(label="Price", interactive=False)
-        dish_spice = gr.Textbox(label="Spice Level", interactive=False)
-        dish_portion = gr.Textbox(label="Portion Size", interactive=False)
+        dish_spice_level = gr.Textbox(label="Spice Level", interactive=False)
+        dish_portion_size = gr.Textbox(label="Portion Size", interactive=False)
 
-        # Event: Update dish list when a category button is clicked
+        # Update dish list based on category
         btn_all.click(fn=lambda: filter_dishes("ALL"), outputs=dish_radio)
         btn_vegan.click(fn=lambda: filter_dishes("VEGAN"), outputs=dish_radio)
         btn_halal.click(fn=lambda: filter_dishes("HALAL"), outputs=dish_radio)
 
-        # Event: Display dish details when a dish is selected
+        # Show dish details when a dish is selected
         dish_radio.change(
-            fn=show_dish_details,
+            fn=get_dish_details,
             inputs=dish_radio,
-            outputs=[dish_image, dish_description, dish_price, dish_spice, dish_portion]
+            outputs=[dish_image, dish_description, dish_price, dish_spice_level, dish_portion_size]
         )
 
     return demo