Update app.py

app.py

@@ -35,18 +35,15 @@ with gr.Blocks() as interface:
     output_area = gr.Markdown()
     
     # Loading spinner (show loading during API call)
-    loading_spinner = gr.HTML("<p style='color: #000000;'>Loading... Please wait...</p>")
-    loading_spinner.visible = False  # Initially hidden
-    
+    loading_spinner = gr.HTML("<p style='color: #4CAF50;'>Loading... Please wait...</p>")
+
     # Define button click interaction
     def on_submit(prompt):
-        loading_spinner.visible = True
-        result = generate_content(prompt)
-        loading_spinner.visible = False
-        return result, loading_spinner
+        # Show the spinner when the button is clicked
+        return gr.update(visible=True), generate_content(prompt)
 
     # Link the button with the function
-    submit_button.click(on_submit, inputs=prompt_input, outputs=[output_area, loading_spinner])
+    submit_button.click(on_submit, inputs=prompt_input, outputs=[loading_spinner, output_area])
 
 # Launch Gradio interface
-interface.launch()
+interface.launch()