remove svg code and replace with label 'upload'; comment out downloadbutton gradio element and add clearbutton (to clear uploaded file)

app.py

@@ -48,15 +48,6 @@ body, .gradio-container {
 }
 """
 
-formatted_upload_svg = '''
-f<div style="display: flex; align-items: center; justify-content: center;">
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
-    <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
-    <path d="M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708z"/>
-    </svg>
-</div>
-'''
-
 HEADER = """
 # Patronus Lynx Demo
 <table bgcolor="#1E2432" cellspacing="0" cellpadding="0"  width="450">
@@ -142,10 +133,11 @@ def model_call(question, document, answer, client_base_url):
 
 def upload_file(filepath):
     name = Path(filepath).name
-    return [gr.UploadButton(visible=False), gr.DownloadButton(label=f"Download {name}", value=filepath, visible=True)]
+    return gr.UploadButton(visible=False)
+    # return [gr.UploadButton(visible=False), gr.DownloadButton(label=f"Download {name}", value=filepath, visible=True)]
 
-def download_file():
-    return [gr.UploadButton(visible=True), gr.DownloadButton(visible=False)]
+# def download_file():
+#     return [gr.UploadButton(visible=True), gr.DownloadButton(visible=False)]
 
 # inputs = [
 #     gr.Textbox(label="Question"),
@@ -166,14 +158,13 @@ with gr.Blocks(css=css) as demo:
         with gr.Column(scale=1):
             with gr.Row():
                 question = gr.Textbox(label="Question", scale=9)
-                u = gr.UploadButton(formatted_upload_svg, file_count="single", scale=1)
-                d = gr.DownloadButton("Download the file", visible=False, scale=1)
+                u = gr.UploadButton("Upload", file_count="single", scale=1)
+                c = gr.ClearButton([u], visible=False, scale=1)
+                # d = gr.DownloadButton("Download the file", visible=False, scale=1)
             with gr.Row():
-                with gr.Column(scale=1):
-                    document = gr.Textbox(label="Document")
+                document = gr.Textbox(label="Document")
             with gr.Row():
-                with gr.Column(scale=1):
-                    answer = gr.Textbox(label="Answer")
+                answer = gr.Textbox(label="Answer")
             with gr.Row():
                 clear_btn = gr.ClearButton([question, document, answer])
                 submit_button = gr.Button("Submit")
@@ -182,8 +173,8 @@ with gr.Blocks(css=css) as demo:
             score = gr.Textbox(label="Score (FAIL if Hallucinated, PASS if not)")
 
     model_dropdown.change(fn=update_client_base_url, inputs=[model_dropdown], outputs=[base_url_state])
-    u.upload(upload_file, u, [u, d])
-    d.click(download_file, None, [u, d])
+    u.upload(upload_file, u, [u, c])
+    # d.click(download_file, None, [u, d])
 
     submit_button.click(fn=model_call, inputs=[question, document, answer, base_url_state], outputs=[reasoning, score])
     question.submit(fn=model_call, inputs=[question, document, answer, base_url_state], outputs=[reasoning, score])