Fix share button (#826)

- Fix share button (f8ff1400d4741b14a3d31ca8c0a8246d8d33023c)
- Revert dev change (9a3a78824f0a793f7046cd3d16bb5918f47039f1)
- png -> jpeg (3f24cd0fa4d92f6bd3cd535234ba36dd23073d99)
- Share btn visible all the time (5339e23612b9dec3181eb922dcb7b5b8563bf27b)


Co-authored-by: Mishig Davaadorj <mishig@users.noreply.huggingface.co>

app.py

@@ -59,7 +59,7 @@ def infer(prompt):
     payload = {'prompt': prompt}
     images_request = requests.post(url, json = payload)
     for image in images_request.json()["images"]:
-        image_b64 = (f"data:image/png;base64,{image}")
+        image_b64 = (f"data:image/jpeg;base64,{image}")
         images.append(image_b64)
     
     return images
@@ -313,9 +313,9 @@ with block:
         with gr.Group(elem_id="container-advanced-btns"):
             advanced_button = gr.Button("Advanced options", elem_id="advanced-btn")
             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)
+                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")
 
         with gr.Row(elem_id="advanced-options"):
             gr.Markdown("Advanced settings are temporarily unavailable")

share_btn.py

@@ -43,8 +43,8 @@ share_js = """async () => {
             const res = await fetch(imgEl.src);
             const blob = await res.blob();
             const imgId = Date.now() % 200;
-            const fileName = `diffuse-the-rest-${{imgId}}.png`;
-            return new File([blob], fileName, { type: 'image/png' });
+            const fileName = `diffuse-the-rest-${{imgId}}.jpg`;
+            return new File([blob], fileName, { type: 'image/jpeg' });
         })
     );