Update app.py

app.py

@@ -64,33 +64,34 @@ def translate_recipe(recipe):
     translated_recipe = translator(recipe)[0]['translation_text']
     return translated_recipe
 
-# Paso 4: Crear la interfaz de Gradio
-iface = gr.Interface(
-    fn=process_image,
-    inputs=gr.Image(type="pil"),
-    outputs=[gr.Textbox(label="Dish"), gr.Textbox(label="Recipe")],
-    title="Recipe Generator from Dish Image",
-    description="Upload an image of a dish to get a detailed description, ingredient list, and step-by-step recipe.",
-    flagging_mode="never"
-)
+# Paso 4: Crear la interfaz de Gradio con bloques
+def create_interface():
+    with gr.Blocks() as iface:
+        with gr.Row():
+            image_input = gr.Image(type="pil", label="Upload Dish Image")
+        with gr.Row():
+            description_output = gr.Textbox(label="Dish Description")
+            recipe_output = gr.Textbox(label="Recipe")
+        with gr.Row():
+            translate_button = gr.Button("Translate Recipe to Spanish")
+            translated_output = gr.Textbox(label="Translated Recipe")
 
-# Añadir botón para traducir la receta
-def translate_interface(recipe):
-    translated_recipe = translate_recipe(recipe)
-    return translated_recipe
+        # Procesar imagen y generar receta
+        def process_and_translate(image):
+            description, recipe = process_image(image)
+            return description, recipe, ""
+
+        image_input.change(fn=process_and_translate, inputs=image_input, outputs=[description_output, recipe_output, translated_output])
 
-iface_with_translation = gr.Interface(
-    fn=process_image,
-    inputs=gr.Image(type="pil"),
-    outputs=[
-        gr.Textbox(label="Dish"),
-        gr.Textbox(label="Recipe"),
-        gr.Button("Translate Recipe to Spanish").click(fn=translate_interface, inputs="Recipe", outputs=gr.Textbox(label="Translated Recipe"))
-    ],
-    title="Recipe Generator from Dish Image",
-    description="Upload an image of a dish to get a detailed description, ingredient list, and step-by-step recipe. Optionally, translate the recipe to Spanish.",
-    flagging_mode="never"
-)
+        # Traducir receta
+        def translate_interface(recipe):
+            translated_recipe = translate_recipe(recipe)
+            return translated_recipe
+
+        translate_button.click(fn=translate_interface, inputs=recipe_output, outputs=translated_output)
+    
+    return iface
 
 # Lanzar la aplicación de Gradio
+iface_with_translation = create_interface()
 iface_with_translation.launch()