Update app.py

app.py

@@ -113,8 +113,7 @@ bearer = os.getenv('BEARER')
 
 global_oauth1_user_handler = None
 
-
-block = gr.Blocks(css=".container { max-width: 800px; margin: auto; }")
+block = gr.Blocks(css=".container { max-width: 800px; margin: auto; }", title="WatchTower")
 
 chat_history = []
 
@@ -221,8 +220,7 @@ def predict(slider_value, url_params):
     return [None,chat(radio.value, slider_value, url_params)]
 
 target_website = None
-def changed_tab(
-):
+def changed_tab():
     global have_initialised
     global chatbot
     global chat_history
@@ -237,13 +235,14 @@ def changed_tab(
 
     chatbot.value = chat_history
     chatbot.update(value=chat_history)
-    
+
     twitter_auth_button.value = '<a href={}><img src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/auth-docs/sign-in-with-twitter-gray.png.twimg.1920.png" alt="Log In With Twitter"></a><br>'.format(
-                            get_target_website())
+                                get_target_website())
     twitter_auth_button.update(value= '<a href={}><img src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/auth-docs/sign-in-with-twitter-gray.png.twimg.1920.png" alt="Log In With Twitter"></a><br>'.format(
-                            get_target_website()))
-
-
+                                get_target_website()))
+    
+    return '<a href={}><img src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/auth-docs/sign-in-with-twitter-gray.png.twimg.1920.png" alt="Log In With Twitter"></a><br>'.format(
+                                get_target_website())
 
 get_window_url_params = """
     function(text_input, url_params) {
@@ -259,10 +258,15 @@ def get_target_website():
         consumer_token, consumer_secret,
         callback="https://hf.space/embed/User1342/WatchTower/"
     )
-    target_website = oauth1_user_handler.get_authorization_url(signin_with_twitter=False)
+    target_website = oauth1_user_handler.get_authorization_url(signin_with_twitter=True)
 
     return target_website
 
+
+twitter_auth_button = gr.HTML(
+                            value='<a href={}><img src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/auth-docs/sign-in-with-twitter-gray.png.twimg.1920.png" alt="Log In With Twitter"></a><br>'.format(
+                                get_target_website()))
+
 with block:
     gr.HTML('''
 
@@ -290,7 +294,7 @@ with block:
 
         prediction_tab = gr.TabItem("Getting Started")
         with prediction_tab:
-            gr.HTML('''
+            html_button = gr.HTML('''
             <header class="w3-display-container w3-content w3-wide" style="max-height:250px;" id="home">
           <img class="w3-image" src="https://cdn.pixabay.com/photo/2018/12/10/16/22/city-3867295_960_720.png" alt="Architecture" width="1500" height="800">
           <div class="w3-display-middle w3-margin-top w3-center">
@@ -304,9 +308,7 @@ with block:
                     text_input = gr.Text(label="Input", visible=False)
                     text_output = gr.Text(label="Output", visible=False)
                     with gr.Row().style(mobile_collapse=False, equal_height=True):
-                        gr.HTML(
-                            value='<a href={}><img src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/auth-docs/sign-in-with-twitter-gray.png.twimg.1920.png" alt="Log In With Twitter"></a><br>'.format(
-                                None))
+                        twitter_auth_button
                     with gr.Row().style(mobile_collapse=False, equal_height=True):
                         radio = gr.CheckboxGroup(value="Violent", choices=["Violent", "Hate Speech", "Misinformation"],
                                                  interactive=False, label="Behaviour To Block")
@@ -318,9 +320,7 @@ with block:
         btn.click(fn=predict, inputs=[slider, url_params],
                   outputs=[text_output, chatbot], _js=get_window_url_params)
         tabs.change(fn=changed_tab, inputs=None, outputs=None)
-        chatbot.set_event_trigger(event_name="load",fn=changed_tab, inputs=None, outputs=None)
-
-
+        chatbot.set_event_trigger(event_name="load",fn=changed_tab)
     gr.Markdown(
         """___
    <p style='text-align: center'>
@@ -330,5 +330,8 @@ with block:
    </p>"""
     )
 
-block.load(changed_tab) #Instance method: adds an event for when the demo loads in the browser and returns None.
+block.set_event_trigger(
+                event_name="load", fn=changed_tab, inputs=None, outputs=[html_button], no_target=True
+            )
+
 block.launch(enable_queue=False)