Fix community button

app.py

@@ -13,25 +13,6 @@ os.environ["HF_HUB_ENABLE_HF_TRANSFER"] = "False"
 
 
 css = """
-    #share-btn-container {
-        display: flex; padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; width: 13rem;
-        margin-top: 3px;
-        margin-left: auto;
-        flex: unset;
-    }
-    #share-btn {
-        all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;right:0;
-    }
-    #share-btn * {
-        all: unset;
-    }
-    #share-btn-container div:nth-child(-n+2){
-        width: auto !important;
-        min-height: 0px !important;
-    }
-    #share-btn-container .wrap {
-        display: none !important;
-    }
     #chatbot { min-height: 300px; }
     #save-btn {
         background-image: linear-gradient(to right bottom, rgba(130,217,244, 0.9), rgba(158,231,214, 1.0));
@@ -39,10 +20,10 @@ css = """
     #save-btn:hover {
         background-image: linear-gradient(to right bottom, rgba(110,197,224, 0.9), rgba(138,211,194, 1.0));
     }
-    #share-btn-2 {
+    #share-btn {
         background-image: linear-gradient(to right bottom, rgba(130,217,244, 0.9), rgba(158,231,214, 1.0));
     }
-    #share-btn-2:hover {
+    #share-btn:hover {
         background-image: linear-gradient(to right bottom, rgba(110,197,224, 0.9), rgba(138,211,194, 1.0));
     }
 """
@@ -188,7 +169,7 @@ with gr.Blocks(css=css) as demo:
                         save_button = gr.Button("💾 Save Conversation as .png", elem_id="save-btn")
 
                     with gr.Row(visible=False) as share_group:
-                        share_button = gr.Button("🤗 Share to Community", elem_id="share-btn-2")
+                        share_button = gr.Button("🤗 Share to Community", elem_id="share-btn")
 
 
         with gr.Column(scale=0.3, min_width=200):

share_btn.py

@@ -49,11 +49,7 @@ async () => {
     let titleTxt = `FROMAGe`;
 
     const shareBtnEl = gradioEl.querySelector('#share-btn');
-    const shareIconEl = gradioEl.querySelector('#share-btn-share-icon');
-    const loadingIconEl = gradioEl.querySelector('#share-btn-loading-icon');
     shareBtnEl.style.pointerEvents = 'none';
-    shareIconEl.style.display = 'none';
-    loadingIconEl.style.removeProperty('display');
     const descriptionMd = `
     
 <img src='${urlChatbotImage}'>
@@ -65,8 +61,6 @@ async () => {
     const paramsStr = params.toString();
     window.open(`https://huggingface.co/spaces/jykoh/fromage/discussions/new?${paramsStr}`, '_blank');
     shareBtnEl.style.removeProperty('pointer-events');
-    shareIconEl.style.removeProperty('display');
-    loadingIconEl.style.display = 'none';
 }
 """