Update app.py

app.py

@@ -143,6 +143,9 @@ def process_submission(input_img, text_answer, country, state, city, se_asia_rel
     location_info = f"Location: {city}, {state}, {country}" if state else f"Location: {city}, {country}"
     return input_img, f"Your text response: {text_answer}", f"Selected location: {location_info}", f"SE Asia relevance: {se_asia_relevance}", f"Cultural knowledge source: {culture_knowledge}", f"Native caption: {native_caption}", f"English caption: {english_caption}"
 
+def clear_inputs():
+    return None, "", None, None, "", None, None, "", ""
+
 # Initialize the dataset
 setup_hf_dataset()
 
@@ -201,9 +204,14 @@ with gr.Blocks() as gradio_app:
     with gr.Row():
         english_caption = gr.Textbox(label="English Caption:", placeholder="Enter caption in English")
     
+    # Add two rows of buttons as shown in the image
     with gr.Row():
+        clear_btn = gr.Button("Clear")
         submit_btn = gr.Button("Submit")
     
+    with gr.Row():
+        share_btn = gr.Button("Share via Link", variant="secondary", elem_classes=["share-button"])
+    
     with gr.Row():
         output_img = gr.Image(label="Submitted Image")
     
@@ -255,6 +263,32 @@ with gr.Blocks() as gradio_app:
             output_english
         ]
     )
+    
+    clear_btn.click(
+        fn=clear_inputs,
+        inputs=[],
+        outputs=[
+            input_img,
+            text_answer,
+            country_dropdown,
+            state_dropdown,
+            city_textbox,
+            se_asia_relevance,
+            culture_knowledge,
+            native_caption,
+            english_caption
+        ]
+    )
+
+    gr.HTML("""
+    <style>
+    .share-button {
+        background-color: #f0f0f0 !important;
+        color: #000 !important;
+        border: 1px solid #ccc !important;
+    }
+    </style>
+    """)
 
 if __name__ == "__main__":
     gradio_app.launch()