Update app.py

app.py

@@ -170,48 +170,48 @@ with iface:
     )
 
     with gr.Group():
-
-        textbox = gr.Textbox(
-            value="A hammer is hitting a wooden surface",
-            max_lines=1,
-            label="Input text",
-            info="Your text is important for the audio quality. Please ensure it is descriptive by using more adjectives.",
-            elem_id="prompt-in",
-        )
-        negative_textbox = gr.Textbox(
-            value="low quality, average quality",
-            max_lines=1,
-            label="Negative prompt",
-            info="Enter a negative prompt not to guide the audio generation. Selecting appropriate negative prompts can improve the audio quality significantly.",
-            elem_id="prompt-in",
-        )
-
-        with gr.Accordion("Click to modify detailed configurations", open=False):
-            seed = gr.Number(
-                value=45,
-                label="Seed",
-                info="Change this value (any integer number) will lead to a different generation result.",
-            )
-            duration = gr.Slider(2.5, 10, value=5, step=2.5, label="Duration (seconds)")
-            guidance_scale = gr.Slider(
-                0,
-                5,
-                value=3.5,
-                step=0.5,
-                label="Guidance scale",
-                info="Large => better quality and relevancy to text; Small => better diversity",
+        with gr.Blocks():
+            textbox = gr.Textbox(
+                value="A hammer is hitting a wooden surface",
+                max_lines=1,
+                label="Input text",
+                info="Your text is important for the audio quality. Please ensure it is descriptive by using more adjectives.",
+                elem_id="prompt-in",
             )
-            n_candidates = gr.Slider(
-                1,
-                3,
-                value=3,
-                step=1,
-                label="Number waveforms to generate",
-                info="Automatic quality control. This number control the number of candidates (e.g., generate three audios and choose the best to show you). A Larger value usually lead to better quality with heavier computation",
+            negative_textbox = gr.Textbox(
+                value="low quality, average quality",
+                max_lines=1,
+                label="Negative prompt",
+                info="Enter a negative prompt not to guide the audio generation. Selecting appropriate negative prompts can improve the audio quality significantly.",
+                elem_id="prompt-in",
             )
-
-        outputs = gr.Video(label="Output", elem_id="output-video")
-        btn = gr.Button("Submit") # .style(full_width=True)
+    
+            with gr.Accordion("Click to modify detailed configurations", open=False):
+                seed = gr.Number(
+                    value=45,
+                    label="Seed",
+                    info="Change this value (any integer number) will lead to a different generation result.",
+                )
+                duration = gr.Slider(2.5, 10, value=5, step=2.5, label="Duration (seconds)")
+                guidance_scale = gr.Slider(
+                    0,
+                    5,
+                    value=3.5,
+                    step=0.5,
+                    label="Guidance scale",
+                    info="Large => better quality and relevancy to text; Small => better diversity",
+                )
+                n_candidates = gr.Slider(
+                    1,
+                    3,
+                    value=3,
+                    step=1,
+                    label="Number waveforms to generate",
+                    info="Automatic quality control. This number control the number of candidates (e.g., generate three audios and choose the best to show you). A Larger value usually lead to better quality with heavier computation",
+                )
+    
+            outputs = gr.Video(label="Output", elem_id="output-video")
+            btn = gr.Button("Submit", elem_id=".gr-Button") # .style(full_width=True)
 
         with gr.Group(elem_id="share-btn-container", visible=False):
             community_icon = gr.HTML(community_icon_html)
@@ -224,7 +224,7 @@ with iface:
             outputs=[outputs],
         )
 
-        share_button.click(None, [], []) # _js=share_js
+        share_button.click(None, [], [], js=share_js) 
         gr.HTML(
             """
         <div class="footer" style="text-align: center; max-width: 700px; margin: 0 auto;">