Update app.py

app.py

@@ -98,8 +98,22 @@ def update_filename(image):
         return filename
     return ""
 
-# Define the update logic for filename
-demo.input_components[0].change(update_filename, inputs=demo.input_components[0], outputs=demo.input_components[1])
+with gr.Blocks() as demo:
+    with gr.Row():
+        input_image = gr.Image(type='pil', label='input')
+        filename_output = gr.Textbox(label="Image Filename", interactive=False)
+
+    # Define the output
+    output_image = gr.Image(type='pil', label='output')
+
+    # Define the interaction flow: when the image is uploaded, update the filename
+    input_image.change(update_filename, inputs=input_image, outputs=filename_output)
+    
+    # Set the function to process the image with the filename
+    input_image.submit(process_img, inputs=[input_image, filename_output], outputs=output_image)
+
+    # Provide examples
+    demo.examples = examples
 
 if __name__ == '__main__':
     demo.launch()