Update app.py

app.py

@@ -950,48 +950,55 @@ def callback(params):
 def create_gradio_interface():
     def greet(name):
         return f"Hello {name}, welcome to the Gradio app!"
-
     with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
-        state = gr.State({'authenticated': True})
+        state = gr.State({'authenticated': False, 'user_info': {}})
+        
         if user_info:
-            gr.Markdown(f"### Hello, {user_info['name']}! 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=[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())
+            state.value = {'authenticated': True, 'user_info': user_info}
+        
+        def update_interface():
+            if state.value['authenticated']:
+                gr.Markdown(f"### Hello, {state.value['user_info']['name']}! 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=[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())
+                
+                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])
             
-            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])
-        else:
-            login_url = login()
-            gr.Markdown(f"[Login with Google]({login_url})")
-
+            else:
+                login_url = login()
+                gr.Markdown(f"<div style='text-align: right;'><a href='{login_url}' class='gr-button gr-button-primary'>Login with Google</a></div>")
+        
+        update_interface()
+        
     return demo
 
 def main(params=None):
@@ -1003,4 +1010,102 @@ def main(params=None):
 if __name__ == "__main__":
     import sys
     params = sys.argv[1] if len(sys.argv) > 1 else None
-    main(params)
+    main(params)    
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        
+#     with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
+#         state = gr.State({'authenticated': True})
+#         if user_info:
+#             gr.Markdown(f"### Hello, {user_info['name']}! 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=[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())
+            
+#             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])
+#         else:
+#             login_url = login()
+#             gr.Markdown(f"[Login with Google]({login_url})")
+
+#     return demo
+
+# def main(params=None):
+#     if params:
+#         callback(params)
+#     demo = create_gradio_interface()
+#     demo.launch()
+
+# if __name__ == "__main__":
+#     import sys
+#     params = sys.argv[1] if len(sys.argv) > 1 else None
+#     main(params)