Update app.py

app.py

@@ -577,44 +577,44 @@ with gr.Blocks(theme='rawrsor1/Everforest') as demo:
             image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=300, height=300)
             image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=300, height=300)
 
-    # def setup_ui():
-    state = gr.State()
-    with gr.Row():
-            with gr.Column(scale=1):
-              gr.Markdown("<h1>Select Style</h1>", elem_id="prompt-markdown")
-              choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
-
-            with gr.Column(scale=2):  # Larger scale for the right column
-                gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
-                chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
-                chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
-                bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
-                bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
-                chatbot.like(print_like_dislike, None, None)
-                clear_button = gr.Button("Clear")
-                clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
-
-            with gr.Column(scale=1):
-                gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
-                audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
-                audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
-
-    with gr.Row():
-            with gr.Column(scale=1):
-                gr.Markdown("<h1>Map</h1>", elem_id="location-markdown")
-                location_output = gr.HTML()
-                bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
-
-    with gr.Row():
-            with gr.Column(scale=1):
-                gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
-                events_output = gr.HTML(value=fetch_local_events())
-
-            with gr.Column(scale=1):
-                gr.Markdown("<h1>Omaha Today Headlines</h1>", elem_id="news-markdown")
-                news_output = gr.HTML(value=fetch_local_news())
-
-    # setup_ui()
+    def setup_ui():
+        state = gr.State()
+        with gr.Row():
+                with gr.Column(scale=1):
+                  gr.Markdown("<h1>Select Style</h1>", elem_id="prompt-markdown")
+                  choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
+    
+                with gr.Column(scale=2):  # Larger scale for the right column
+                    gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
+                    chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
+                    chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+                    bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
+                    bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
+                    chatbot.like(print_like_dislike, None, None)
+                    clear_button = gr.Button("Clear")
+                    clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
+    
+                with gr.Column(scale=1):
+                    gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
+                    audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
+                    audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
+    
+        with gr.Row():
+                with gr.Column(scale=1):
+                    gr.Markdown("<h1>Map</h1>", elem_id="location-markdown")
+                    location_output = gr.HTML()
+                    bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
+    
+        with gr.Row():
+                with gr.Column(scale=1):
+                    gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
+                    events_output = gr.HTML(value=fetch_local_events())
+    
+                with gr.Column(scale=1):
+                    gr.Markdown("<h1>Omaha Today Headlines</h1>", elem_id="news-markdown")
+                    news_output = gr.HTML(value=fetch_local_news())
+    
+    setup_ui()
 
 demo.queue()
 demo.launch(share=True)