test app

app.py

@@ -1,48 +1,53 @@
 import gradio as gr
 
+# Data storage
+ingredients_list = []
 
-# Function to dynamically add new text fields
-def add_text_field(inputs):
-    inputs.append("")
-    return gr.update(visible=True), inputs
 
+# Function to add ingredient
+def add_ingredient(ingredient, quantity):
+    if ingredient and quantity > 0:
+        ingredients_list.append(f"{ingredient}: {quantity} grams")
+    return (
+        "\n".join(ingredients_list),
+        gr.update(value="", interactive=True),
+        gr.update(value=None, interactive=True),
+    )
 
-# Function to aggregate all inputs into a list
-def process_ingredients(*ingredients):
-    return [ingredient for ingredient in ingredients if ingredient]
 
+# Function to enable/disable add button
+def validate_inputs(ingredient, quantity):
+    if ingredient and quantity > 0:
+        return gr.update(interactive=True)
+    return gr.update(interactive=False)
 
+
+# App
 def app():
     with gr.Blocks() as demo:
-        inputs = []  # Shared list to store ingredients
-
-        # Container to hold text fields
-        ingredient_fields = gr.Row(visible=True)
-
-        # Buttons for adding and submitting
         with gr.Row():
-            add_button = gr.Button("+ Add Ingredient")
-            submit_button = gr.Button("Submit")
-
-        # Output field for displaying the list
-        output = gr.Textbox(label="Ingredients List", interactive=False)
-
-        # Function to add a new ingredient field
-        def add_field():
-            inputs.append("")  # Add a new placeholder for the new input
-            with ingredient_fields:
-                for i, ingredient in enumerate(inputs):
-                    inputs[i] = gr.Textbox(
-                        value=inputs[i], label=f"Ingredient {i + 1}"
-                    ).value
-
-        # Function to submit
-        def submit_list():
-            return process_ingredients(*inputs)
-
-        # Click logic for the buttons
-        add_button.click(fn=add_field)
-        submit_button.click(fn=submit_list, outputs=output)
+            ingredient_input = gr.Textbox(
+                label="Ingredient", placeholder="Enter ingredient name"
+            )
+            quantity_input = gr.Number(label="Quantity (grams)", value=None)
+
+        add_button = gr.Button("Add Ingredient", interactive=False)
+        output = gr.Textbox(label="Ingredients List", lines=10, interactive=False)
+
+        # Validate inputs
+        ingredient_input.change(
+            validate_inputs, [ingredient_input, quantity_input], add_button
+        )
+        quantity_input.change(
+            validate_inputs, [ingredient_input, quantity_input], add_button
+        )
+
+        # Add ingredient logic
+        add_button.click(
+            add_ingredient,
+            [ingredient_input, quantity_input],
+            [output, ingredient_input, quantity_input],
+        )
 
     return demo