Update app.py

app.py

@@ -1,52 +1,46 @@
 import gradio as gr
 
-# Menu data dictionary with images, nutrition, and portion size
-menu_items = {
-    "Tandoorrr": {
-        "Tikka Murgh (Chicken)": {"price": "$16", "image": "static/tikka_murgh.png", "nutrition": "Calories: 220, Protein: 20g, Fat: 10g, Carbs: 5g", "portion": "250g"},
-        "Jhinga (Shrimp)": {"price": "$18", "image": "static/jhinga_shrimp.png", "nutrition": "Calories: 180, Protein: 25g, Fat: 8g, Carbs: 3g", "portion": "200g"},
-        "Murgh Malai Kabob": {"price": "$17", "image": "static/murgh_malai.png", "nutrition": "Calories: 240, Protein: 22g, Fat: 12g, Carbs: 6g", "portion": "220g"}
+# Menu Data
+menu_data = {
+    "Tikka Murgh (Chicken)": {
+        "price": "$16",
+        "nutrition": "Calories: 220, Protein: 20g, Fat: 10g, Carbs: 5g",
+        "portion": "250g",
+        "image": "static/Tikka_Murgh_Chicken.png",
     },
-    "Dosai": {
-        "Plain Dosai": {"price": "$11", "image": "static/plain_dosai.png", "nutrition": "Calories: 150, Protein: 3g, Fat: 5g, Carbs: 25g", "portion": "100g"},
-        "Cheese Dosai": {"price": "$12", "image": "static/cheese_dosai.png", "nutrition": "Calories: 250, Protein: 8g, Fat: 12g, Carbs: 30g", "portion": "120g"},
-        "Egg Dosai": {"price": "$12", "image": "static/egg_dosai.png", "nutrition": "Calories: 200, Protein: 10g, Fat: 6g, Carbs: 20g", "portion": "130g"},
-        "Kheema Dosai (Goat)": {"price": "$15", "image": "static/kheema_dosai.png", "nutrition": "Calories: 280, Protein: 15g, Fat: 15g, Carbs: 20g", "portion": "150g"},
+    "Jhinga (Shrimp)": {
+        "price": "$18",
+        "nutrition": "Calories: 180, Protein: 25g, Fat: 8g, Carbs: 3g",
+        "portion": "200g",
+        "image": "static/Jhinga_Shrimp.jpg",
+    },
+    "Murgh Malai Kabob": {
+        "price": "$17",
+        "nutrition": "Calories: 240, Protein: 22g, Fat: 12g, Carbs: 7g",
+        "portion": "300g",
+        "image": "static/Murgh_Malai_Kabob.jpg",
     },
-    "Naan (Breads)": {
-        "Plain Naan": {"price": "$3", "image": "static/plain_naan.png", "nutrition": "Calories: 150, Protein: 4g, Fat: 2g, Carbs: 30g", "portion": "1 piece"},
-        "Garlic Naan": {"price": "$4", "image": "static/garlic_naan.png", "nutrition": "Calories: 170, Protein: 5g, Fat: 4g, Carbs: 35g", "portion": "1 piece"}
-    }
 }
 
-# Function to generate popup card
-def display_card(item_name, section):
-    item = menu_items[section][item_name]
+# Display Card Function
+def display_card(item_name):
+    data = menu_data[item_name]
     return f"""
-    <div style='font-family: Arial, sans-serif; max-width: 400px; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.2);'>
-        <img src='{item["image"]}' style='width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px;' />
-        <div style='padding: 10px; text-align: left;'>
-            <h3 style='margin: 0; color: #444;'>{item_name} - {item["price"]}</h3>
-            <p style='margin: 5px 0; color: #666;'>Nutrition: {item["nutrition"]}</p>
-            <p style='margin: 5px 0; color: #666;'>Portion Size: {item["portion"]}</p>
-        </div>
+    <div style="border:1px solid #ccc; padding:10px; border-radius:10px; width:300px; background-color:white;">
+        <img src="{data['image']}" style="width:100%; border-radius:10px;" alt="{item_name}">
+        <h3>{item_name} - {data['price']}</h3>
+        <p>Nutrition: {data['nutrition']}</p>
+        <p>Portion Size: {data['portion']}</p>
     </div>
     """
 
-# Gradio App
+# Gradio Interface
 with gr.Blocks() as app:
-    gr.Markdown("# 🍽️ Indian & Chinese Restaurant Menu")
-
-    card_output = gr.HTML()  # Card display block
-
-    # Display sections row-wise
-    for section, items in menu_items.items():
-        gr.Markdown(f"## {section.upper()}")  # Section title
-        for item_name, details in items.items():  # Row per item
-            with gr.Row():
-                btn = gr.Button(f"{item_name} - {details['price']}")
-                btn.click(display_card, inputs=[gr.Textbox(visible=False, value=item_name), gr.Textbox(visible=False, value=section)], outputs=card_output)
-
-    card_output
+    gr.Markdown("### Indian & Chinese Restaurant Menu")
+    with gr.Row():
+        for item in menu_data.keys():
+            gr.Button(item).click(
+                display_card, inputs=[item], outputs=gr.HTML()
+            )
 
 app.launch()