make share button visible when ready (#5)

- make share button visible when ready (217c495f111db04c3eecf0b56a81f87b52fdee21)


Co-authored-by: Radamés Ajna <radames@users.noreply.huggingface.co>

app.py

@@ -21,7 +21,7 @@ def infer(audio):
     #portrait_response = requests.get(portrait_link, headers={'Authorization': 'Bearer ' + token})
     #print(portrait_response.text)
     
-    return whisper_to_gpt_response[0], portrait_link, gr.update(visible=True), gr.update(visible=True), gr.update(visible=True)
+    return whisper_to_gpt_response[0], portrait_link, gr.update(visible=True)
 
 title = """
     <div style="text-align: center; max-width: 500px; margin: 0 auto;">
@@ -59,12 +59,12 @@ with gr.Blocks(css="style.css") as demo:
 
         send_btn = gr.Button("Send my request !")
     
-        with gr.Group(elem_id="share-btn-container"):
-                community_icon = gr.HTML(community_icon_html, visible=False)
-                loading_icon = gr.HTML(loading_icon_html, visible=False)
-                share_button = gr.Button("Share to community", elem_id="share-btn", visible=False)
+        with gr.Group(elem_id="share-btn-container", visible=False) as share_group:
+                community_icon = gr.HTML(community_icon_html)
+                loading_icon = gr.HTML(loading_icon_html)
+                share_button = gr.Button("Share to community", elem_id="share-btn")
     
-    send_btn.click(infer, inputs=[record_input], outputs=[whisper_tr, gpt_response, share_button, community_icon, loading_icon])
+    send_btn.click(infer, inputs=[record_input], outputs=[whisper_tr, gpt_response, share_group])
     share_button.click(None, [], [], _js=share_js)
 
 demo.queue(max_size=32, concurrency_count=20).launch(debug=True)