update

app.py

@@ -2,11 +2,9 @@ import gradio as gr
 import requests
 
 SPOONACULAR_API_KEY = "71259036cfb3405aa5d49c1220a988c5"
+recipe_id_map = {}  # Global variable to store title → ID mapping
 
-# Global variable to store recipe ID mappings
-recipe_id_map = {}
 
-# Step 1: Search for recipes
 def search_recipes(ingredient, cuisine, dietary):
     global recipe_id_map
     url = "https://api.spoonacular.com/recipes/complexSearch"
@@ -22,21 +20,13 @@ def search_recipes(ingredient, cuisine, dietary):
     data = res.json()
 
     if "results" not in data or not data["results"]:
-        return gr.Dropdown(choices=[], label="No recipes found", interactive=False), gr.update(visible=False)
+        recipe_id_map = {}
+        return gr.update(choices=[], visible=True, label="No recipes found"), gr.update(value="")
 
-    # Map recipe titles to their IDs
     recipe_id_map = {r["title"]: r["id"] for r in data["results"]}
-
-    dropdown = gr.Dropdown(
-        choices=list(recipe_id_map.keys()),
-        label="Select a recipe to view full instructions",
-        interactive=True
-    )
-
-    return dropdown, gr.update(visible=True)
+    return gr.update(choices=list(recipe_id_map.keys()), visible=True, label="Select a recipe"), gr.update(value="Please select a recipe from the dropdown above.")
 
 
-# Step 2: Fetch recipe details by ID
 def get_recipe_details(selected_title):
     if not selected_title or selected_title not in recipe_id_map:
         return "Please select a valid recipe."
@@ -50,36 +40,34 @@ def get_recipe_details(selected_title):
 
     title = data.get("title", "Unknown Title")
     time = data.get("readyInMinutes", "N/A")
-    instructions = data.get("instructions", "No instructions available.")
+    instructions = data.get("instructions") or "No instructions available."
 
-    return f"🍽️ **{title}**\n⏱️ Ready in: {time} minutes\n\n📋 Instructions:\n{instructions}"
+    return f"### 🍽️ {title}\n**⏱️ Cook Time:** {time} minutes\n\n**📋 Instructions:**\n{instructions}"
 
 
-# Interface
-with gr.Blocks() as recipe_app:
-    gr.Markdown("## 🥗 Spoonacular Recipe Finder\nFind recipes based on your preferences.")
+with gr.Blocks() as demo:
+    gr.Markdown("## 🥗 Spoonacular Recipe Finder")
 
     with gr.Row():
-        ingredient_input = gr.Textbox(label="Preferred Ingredient")
-        cuisine_input = gr.Textbox(label="Preferred Cuisine")
-        dietary_input = gr.Textbox(label="Dietary Restrictions")
+        ingredient = gr.Textbox(label="Preferred Ingredient", placeholder="e.g., chicken")
+        cuisine = gr.Textbox(label="Preferred Cuisine", placeholder="e.g., Italian")
+        diet = gr.Textbox(label="Dietary Restrictions", placeholder="e.g., vegetarian")
 
-    search_btn = gr.Button("🔍 Search Recipes")
+    search_button = gr.Button("Search Recipes")
     recipe_dropdown = gr.Dropdown(label="Select a recipe", visible=False)
     recipe_output = gr.Markdown()
 
-    # Actions
-    search_btn.click(
-        search_recipes,
-        inputs=[ingredient_input, cuisine_input, dietary_input],
+    search_button.click(
+        fn=search_recipes,
+        inputs=[ingredient, cuisine, diet],
         outputs=[recipe_dropdown, recipe_output]
     )
 
     recipe_dropdown.change(
-        get_recipe_details,
+        fn=get_recipe_details,
         inputs=recipe_dropdown,
         outputs=recipe_output
     )
 
-recipe_app.launch()
+demo.launch()