Update app.py

app.py

@@ -1,85 +1,87 @@
 import gradio as gr
 
 # Menu data with all details
-menu_data = {
-    "ALL": [
-        {"name": "Veg Burger", "category": "VEGAN", 
-         "image": "https://upload.wikimedia.org/wikipedia/commons/6/6e/Veggie_burger.jpg",
-         "description": "A delicious vegan burger with plant-based patty, lettuce, and tomato.",
-         "price": "$8.99", "spice_level": "Medium", "portion_size": "Regular"},
-
-        {"name": "Chicken Biryani", "category": "HALAL", 
-         "image": "https://upload.wikimedia.org/wikipedia/commons/7/79/Chicken_Biryani.jpg",
-         "description": "Spicy chicken biryani with aromatic basmati rice and tender chicken pieces.",
-         "price": "$12.99", "spice_level": "High", "portion_size": "Large"},
-
-        {"name": "Paneer Butter Masala", "category": "VEGAN", 
-         "image": "https://upload.wikimedia.org/wikipedia/commons/3/3d/Paneer_Butter_Masala.jpg",
-         "description": "Paneer cooked in a rich and creamy tomato-based gravy.",
-         "price": "$10.99", "spice_level": "Mild", "portion_size": "Medium"},
-
-        {"name": "Beef Steak", "category": "HALAL", 
-         "image": "https://upload.wikimedia.org/wikipedia/commons/d/d5/Beef_Steak.jpg",
-         "description": "Juicy beef steak served with mashed potatoes and grilled vegetables.",
-         "price": "$14.99", "spice_level": "Medium", "portion_size": "Large"}
-    ]
-}
-
-# Filter dishes based on the category
+menu_data = [
+    {"name": "Veg Burger", "category": "VEGAN", 
+     "image": "https://upload.wikimedia.org/wikipedia/commons/6/6e/Veggie_burger.jpg",
+     "description": "A delicious vegan burger with plant-based patty, lettuce, and tomato.",
+     "price": "$8.99", "spice_level": "Medium", "portion_size": "Regular"},
+
+    {"name": "Chicken Biryani", "category": "HALAL", 
+     "image": "https://upload.wikimedia.org/wikipedia/commons/7/79/Chicken_Biryani.jpg",
+     "description": "Spicy chicken biryani with aromatic basmati rice and tender chicken pieces.",
+     "price": "$12.99", "spice_level": "High", "portion_size": "Large"},
+
+    {"name": "Paneer Butter Masala", "category": "VEGAN", 
+     "image": "https://upload.wikimedia.org/wikipedia/commons/3/3d/Paneer_Butter_Masala.jpg",
+     "description": "Paneer cooked in a rich and creamy tomato-based gravy.",
+     "price": "$10.99", "spice_level": "Mild", "portion_size": "Medium"},
+
+    {"name": "Beef Steak", "category": "HALAL", 
+     "image": "https://upload.wikimedia.org/wikipedia/commons/d/d5/Beef_Steak.jpg",
+     "description": "Juicy beef steak served with mashed potatoes and grilled vegetables.",
+     "price": "$14.99", "spice_level": "Medium", "portion_size": "Large"}
+]
+
+# Function to filter dishes based on 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]
+    return [dish["name"] for dish in menu_data if category == "ALL" or dish["category"] == category]
 
-# Display details for the selected dish
+# Function to show details for a 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"]:
+    for dish in menu_data:
         if dish["name"] == dish_name:
             return (
-                dish["image"] if dish.get("image") else fallback_image,
-                dish.get("description", "Description not available"),
+                dish.get("image", 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")
             )
-    # If no dish matches
-    return fallback_image, "Dish not found", "N/A", "N/A", "N/A"
+    # Default if no dish is found
+    return fallback_image, "Dish not found.", "N/A", "N/A", "N/A"
 
 # Gradio UI
 def create_ui():
     with gr.Blocks() as demo:
         gr.HTML("<h1 style='text-align: center;'>Biryani Hub Menu</h1>")
 
-        # Category Buttons
+        # Category buttons
         gr.Markdown("### Select a Category")
         with gr.Row():
             btn_all = gr.Button("ALL")
             btn_vegan = gr.Button("VEGAN")
             btn_halal = gr.Button("HALAL")
 
-        # Dish Selection with Radio Buttons
-        gr.Markdown("### Select a Dish")
-        dish_radio = gr.Radio(label="Available Dishes", choices=filter_dishes("ALL"), interactive=True)
+        # Dish selection radio
+        gr.Markdown("### Available Dishes")
+        dish_radio = gr.Radio(choices=filter_dishes("ALL"), label="Select a Dish")
 
-        # Dish Details
+        # Dish details components
         gr.Markdown("### Dish Details")
-        dish_image = gr.Image(label="Dish Image", type="pil")
+        dish_image = gr.Image(label="Dish Image")
         dish_description = gr.Textbox(label="Description", interactive=False)
         dish_price = gr.Textbox(label="Price", interactive=False)
-        dish_spice_level = gr.Textbox(label="Spice Level", interactive=False)
-        dish_portion_size = gr.Textbox(label="Portion Size", interactive=False)
+        dish_spice = gr.Textbox(label="Spice Level", interactive=False)
+        dish_portion = gr.Textbox(label="Portion Size", interactive=False)
+
+        # Event: Update dish list based on category
+        def update_dishes(category):
+            return gr.update(choices=filter_dishes(category), value=None)
+
+        btn_all.click(fn=lambda: update_dishes("ALL"), outputs=dish_radio)
+        btn_vegan.click(fn=lambda: update_dishes("VEGAN"), outputs=dish_radio)
+        btn_halal.click(fn=lambda: update_dishes("HALAL"), outputs=dish_radio)
 
-        # 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
+        def update_details(dish_name):
+            return get_dish_details(dish_name)
 
-        # Show dish details when a dish is selected
         dish_radio.change(
-            fn=get_dish_details,
+            fn=update_details,
             inputs=dish_radio,
-            outputs=[dish_image, dish_description, dish_price, dish_spice_level, dish_portion_size]
+            outputs=[dish_image, dish_description, dish_price, dish_spice, dish_portion]
         )
 
     return demo