Update app.py

app.py

@@ -1,6 +1,6 @@
 import gradio as gr
 
-# Extended menu data with dish details
+# Menu data
 menu_data = [
     {"name": "Veg Burger", "category": "VEGAN",
      "image": "https://upload.wikimedia.org/wikipedia/commons/6/6e/Veggie_burger.jpg",
@@ -16,9 +16,11 @@ menu_data = [
      "spice_level": "🌶🌶🌶 High", "portion_size": "🍽 Medium"},
 ]
 
+# Dropdown options
 spice_options = ["🌶 Mild", "🌶🌶 Medium", "🌶🌶🌶 High"]
 portion_options = ["🧆 Small", "🍽 Medium", "🍛 Large"]
 
+# Function to generate dish display HTML
 def display_dishes(category):
     filtered_dishes = [dish for dish in menu_data if category == "ALL" or dish["category"] == category]
     html_content = "<div style='display: flex; flex-wrap: wrap; justify-content: center;'>"
@@ -35,18 +37,22 @@ def display_dishes(category):
     html_content += "</div>"
     return html_content
 
+# Function to retrieve dish details
 def get_dish_details(dish_name):
     for dish in menu_data:
         if dish["name"] == dish_name:
             return dish["image"], dish["name"], dish["description"], dish["spice_level"], dish["portion_size"]
     return "https://via.placeholder.com/300x200", "Unknown Dish", "No description available.", "🌶 Mild", "🧆 Small"
 
+# Function to confirm an order
 def place_order(dish_name, spice_level, portion_size):
     return f"✅ Order Confirmed: '{dish_name}' with {spice_level} spice level and {portion_size} portion size."
 
+# Create the Gradio app
 with gr.Blocks() as demo:
     gr.HTML("<h1 style='text-align: center;'>🍛 Biryani Hub Menu 🍛</h1>")
-    
+
+    # JavaScript function to handle dish selection
     gr.HTML("""
     <script>
     function selectDish(dishName) {
@@ -68,6 +74,7 @@ with gr.Blocks() as demo:
     gr.Markdown("### Available Dishes")
     dish_display = gr.HTML(value=display_dishes("ALL"))
 
+    # Pop-up for dish details
     popup = gr.Group(visible=False)
     with popup:
         with gr.Row():
@@ -82,6 +89,7 @@ with gr.Blocks() as demo:
     place_order_btn = gr.Button("Place Order")
     order_status = gr.Textbox(label="Order Status", interactive=False)
 
+    # Update the displayed dishes
     def update_dishes(category):
         return gr.update(value=display_dishes(category))
 
@@ -89,6 +97,7 @@ with gr.Blocks() as demo:
     btn_vegan.click(fn=lambda: update_dishes("VEGAN"), outputs=dish_display)
     btn_halal.click(fn=lambda: update_dishes("HALAL"), outputs=dish_display)
 
+    # Show dish details in pop-up
     selected_dish_name = gr.Textbox(visible=False)
     selected_dish_name.change(
         fn=lambda dish_name: (*get_dish_details(dish_name), gr.update(visible=True)),
@@ -96,8 +105,15 @@ with gr.Blocks() as demo:
         outputs=[dish_image, dish_name, dish_description, spice_dropdown, portion_dropdown, popup],
     )
 
+    # Close the pop-up
     close_popup.click(fn=lambda: gr.update(visible=False), outputs=popup)
 
-    place_order_btn.click(fn=place_order, inputs=[dish_name, spice_dropdown, portion_dropdown], outputs=order_status)
+    # Place the order
+    place_order_btn.click(
+        fn=place_order,
+        inputs=[dish_name, spice_dropdown, portion_dropdown],
+        outputs=order_status,
+    )
 
 demo.launch()
+