Update app.py

app.py

@@ -1,6 +1,6 @@
 import gradio as gr
 
-# Menu data with all details
+# Menu data
 menu_data = [
     {"name": "Veg Burger", "category": "VEGAN",
      "image": "https://upload.wikimedia.org/wikipedia/commons/6/6e/Veggie_burger.jpg",
@@ -24,63 +24,61 @@ menu_data = [
 def filter_dishes(category):
     return [dish["name"] for dish in menu_data if category == "ALL" or dish["category"] == category]
 
-# Function to fetch details for a selected dish
+# Function to get dish details
 def get_dish_details(dish_name):
-    # Fallback values for missing or invalid data
-    fallback_image = "https://via.placeholder.com/300x200.png?text=No+Image+Available"
-    fallback_text = "Information not available"
-    
-    # Find the selected dish
+    fallback_image = "https://via.placeholder.com/300x200.png?text=No+Image"
     for dish in menu_data:
         if dish["name"] == dish_name:
             return (
                 dish.get("image", fallback_image),
-                dish.get("description", fallback_text),
-                dish.get("price", fallback_text),
-                dish.get("spice_level", fallback_text),
-                dish.get("portion_size", fallback_text),
+                dish.get("description", "Description not available"),
+                dish.get("price", "N/A"),
+                dish.get("spice_level", "N/A"),
+                dish.get("portion_size", "N/A")
             )
-    # If dish is not found, return fallbacks
-    return fallback_image, fallback_text, fallback_text, fallback_text, fallback_text
+    return fallback_image, "Dish not found", "N/A", "N/A", "N/A"
 
-# Main Gradio App
-with gr.Blocks() as demo:
-    gr.HTML("<h1 style='text-align: center;'>Biryani Hub Menu</h1>")
+# Gradio app
+def create_ui():
+    with gr.Blocks() as demo:
+        gr.HTML("<h1 style='text-align: center;'>Biryani Hub Menu</h1>")
 
-    # Category Selection
-    gr.Markdown("### Select a Category")
-    with gr.Row():
-        btn_all = gr.Button("ALL")
-        btn_vegan = gr.Button("VEGAN")
-        btn_halal = gr.Button("HALAL")
+        # 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 Radio
-    gr.Markdown("### Available Dishes")
-    dish_radio = gr.Radio(choices=filter_dishes("ALL"), label="Select a Dish", interactive=True)
+        # Dropdown for Dish Selection
+        gr.Markdown("### Available Dishes")
+        dish_dropdown = gr.Dropdown(choices=filter_dishes("ALL"), label="Select a Dish", 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_level = gr.Textbox(label="Spice Level", interactive=False)
-    dish_portion_size = gr.Textbox(label="Portion Size", interactive=False)
+        # Dish Details
+        gr.Markdown("### Dish Details")
+        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)
 
-    # Update the dish list when category buttons are clicked
-    def update_dishes(category):
-        new_dishes = filter_dishes(category)
-        return gr.update(choices=new_dishes, value=None), "", "", "", "", ""
+        # Event: Update dish list when a category button is clicked
+        def update_dish_list(category):
+            return gr.update(choices=filter_dishes(category), value=None)
 
-    btn_all.click(fn=lambda: update_dishes("ALL"), outputs=[dish_radio, dish_image, dish_description, dish_price, dish_spice_level, dish_portion_size])
-    btn_vegan.click(fn=lambda: update_dishes("VEGAN"), outputs=[dish_radio, dish_image, dish_description, dish_price, dish_spice_level, dish_portion_size])
-    btn_halal.click(fn=lambda: update_dishes("HALAL"), outputs=[dish_radio, dish_image, dish_description, dish_price, dish_spice_level, dish_portion_size])
+        btn_all.click(fn=lambda: update_dish_list("ALL"), outputs=dish_dropdown)
+        btn_vegan.click(fn=lambda: update_dish_list("VEGAN"), outputs=dish_dropdown)
+        btn_halal.click(fn=lambda: update_dish_list("HALAL"), outputs=dish_dropdown)
 
-    # Update dish details when a dish is selected
-    dish_radio.change(
-        fn=get_dish_details,
-        inputs=dish_radio,
-        outputs=[dish_image, dish_description, dish_price, dish_spice_level, dish_portion_size]
-    )
+        # Event: Display dish details when a dish is selected
+        dish_dropdown.change(
+            fn=get_dish_details,
+            inputs=dish_dropdown,
+            outputs=[dish_image, dish_description, dish_price, dish_spice_level, dish_portion_size]
+        )
 
-# Run the Gradio app
-demo.launch()
+    return demo
+
+# Run the app
+if __name__ == "__main__":
+    create_ui().launch()