Update app.py

app.py

@@ -22,57 +22,61 @@ menu_data = {
     ]
 }
 
-# Filter dishes based on category
+# Function to filter dishes based on category
 def filter_dishes(category):
     return [dish["name"] for dish in menu_data["ALL"] if category == "ALL" or dish["category"] == category]
 
-# Get dish details
+# Function to display details for a selected dish
 def get_dish_details(dish_name):
     fallback_image = "https://via.placeholder.com/300x200.png?text=No+Image+Available"
     for dish in menu_data["ALL"]:
         if dish["name"] == dish_name:
             return (
                 dish.get("image", fallback_image),
-                dish.get("description", "Description not available"),
+                dish.get("description", "No description available."),
                 dish.get("price", "N/A"),
                 dish.get("spice_level", "N/A"),
-                dish.get("portion_size", "N/A")
+                dish.get("portion_size", "N/A"),
             )
-    return fallback_image, "Dish not found", "N/A", "N/A", "N/A"
+    return fallback_image, "Dish not found.", "N/A", "N/A", "N/A"
 
-# Main Gradio App
+# Main Gradio app
 with gr.Blocks() as demo:
     gr.HTML("<h1 style='text-align: center;'>Biryani Hub Menu</h1>")
 
     # Category Buttons
     gr.Markdown("### Select a Category")
     with gr.Row():
-        category_buttons = gr.Button(["ALL", "VEGAN", "HALAL"])
+        btn_all = gr.Button("ALL")
+        btn_vegan = gr.Button("VEGAN")
+        btn_halal = gr.Button("HALAL")
 
-    # Dish Selection Radio
-    gr.Markdown("### Select a Dish")
-    dish_radio = gr.Radio(choices=[], label="Available Dishes", interactive=True)
+    # Dish Selection (Radio Button)
+    gr.Markdown("### Available Dishes")
+    dish_radio = gr.Radio(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_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
+    # Event: Update dish list when a category button is clicked
     def update_dishes(category):
         return gr.update(choices=filter_dishes(category), value=None)
 
-    category_buttons.select(fn=update_dishes, inputs=category_buttons, outputs=dish_radio)
+    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 details dynamically
+    # Event: Show 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]
     )
 
-# Run the Gradio app
+# Launch the app
 demo.launch()