added visualization for image upload

The label on UploadButton changes to highlight the image upload is complete.

app_dialogue.py

@@ -96,8 +96,8 @@ def pil_to_temp_file(img: PIL.Image.Image, dir: str = DEFAULT_TEMP_DIR, format:
 
 
 def add_file(file):
-    return file.name
-
+    return file.name, gr.update(label='🖼️ Uploaded!')
+    
 
 # This is a hack to make pre-computing the default examples work.
 # During normal inference, we pass images as url to a local file using the method `gradio_link`
@@ -702,8 +702,11 @@ with gr.Blocks(title="IDEFICS Playground", theme=gr.themes.Base()) as demo:
         ],
     )
 
-    upload_btn.upload(add_file, [upload_btn], [imagebox], queue=False)
-
+    upload_btn.upload(add_file, [upload_btn], [imagebox, upload_btn], queue=False)
+    submit_btn.click(lambda : gr.update(label='📁 Upload image', interactive=True), [], upload_btn)
+    textbox.submit(lambda : gr.update(label='📁 Upload image', interactive=True), [], upload_btn)
+    clear_btn.click(lambda : gr.update(label='📁 Upload image', interactive=True), [], upload_btn)
+    
     # Using Flagging for saving dope and problematic examples
     # Dope examples flagging
     # dope_callback.setup(