Update app.py

app.py

@@ -513,59 +513,49 @@ def update_images():
     image_3 = generate_image(hardcoded_prompt_3)
     return image_1, image_2, image_3
 
-def create_gradio_interface():
-    def greet(name):
-        return f"Hello {name}, welcome to the Gradio app!"
+   
     
-    def login_button_click():
-        return "Login clicked! (Implement login functionality here)"
+with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
     
-    with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
-        gr.Markdown("<div style='text-align: right;'><button class='gr-button gr-button-primary' id='login-button'>Login with Google</button></div>")
-        gr.Markdown(f"### Hello, User! Welcome to the Gradio App")
-        
-        name = gr.Textbox(label="Enter your name")
-        greet_btn = gr.Button("Greet")
-        output = gr.Textbox(label="Greeting")
-        greet_btn.click(greet, inputs=name, outputs=output)
-        
-        chatbot = gr.Chatbot([], elem_id="RADAR:Channel 94.1", bubble_full_width=False)
-        choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
-        
-        gr.Markdown("<h1 style='color: red;'>Talk to RADAR</h1>", elem_id="voice-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)
-        
-        audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
-        audio_input.stream(transcribe_function, inputs=[audio_input], outputs=[chat_input], api_name="SAMLOne_real_time")
+    with gr.Row():
+        with gr.Column():
+            state = gr.State()
+            
+            chatbot = gr.Chatbot([], elem_id="RADAR:Channel 94.1", bubble_full_width=False)
+            choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
+            
+            gr.Markdown("<h1 style='color: red;'>Talk to RADAR</h1>", elem_id="voice-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)
+           
+            
+            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")
 
-        gr.Markdown("<h1 style='color: red;'>Map</h1>", elem_id="location-markdown")
-        location_output = gr.HTML()
-        bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
-        
-        weather_output = gr.HTML(value=fetch_local_weather())
-        news_output = gr.HTML(value=fetch_local_news())
-        events_output = gr.HTML(value=fetch_local_events())
+            gr.Markdown("<h1 style='color: red;'>Map</h1>", elem_id="location-markdown")
+            location_output = gr.HTML()
+            bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
         
-        image_output_1 = gr.Image(value=generate_image(hardcoded_prompt_1), width=400, height=400)
-        image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=400, height=400)
-        image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=400, height=400)
-        refresh_button = gr.Button("Refresh Images")
-        refresh_button.click(fn=update_images, inputs=None, outputs=[image_output_1, image_output_2, image_output_3])
-
-        login_button = gr.Button("Login with Google", elem_id="login-button")
-        login_button.click(login_button_click, inputs=[], outputs=[])
+        with gr.Column():
+            weather_output = gr.HTML(value=fetch_local_weather())
+            news_output = gr.HTML(value=fetch_local_news())
+            news_output = gr.HTML(value=fetch_local_events())
+            
+        with gr.Column():
+            
+            image_output_1 = gr.Image(value=generate_image(hardcoded_prompt_1), width=400, height=400)
+            image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=400, height=400)
+            image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=400, height=400)
 
-    return demo
 
-def main(params=None):
-    demo = create_gradio_interface()
-    demo.launch()
+            refresh_button = gr.Button("Refresh Images")
+            refresh_button.click(fn=update_images, inputs=None, outputs=[image_output_1, image_output_2, image_output_3])
+     
+demo.queue()
+demo.launch(share=True)
 
-if __name__ == "__main__":
-    main()