Update app.py

app.py

@@ -168,31 +168,6 @@ def qa_summarise(selected_queries, qa_llm_model, text_field, data_df):
 
             
 with gr.Blocks(fill_width=True) as demo:
-    # js = """
-    #     async () => {
-    #         // Load Twitter Widgets script
-    #         const script = document.createElement("script");
-    #         script.onload = () => console.log("Twitter Widgets.js loaded");
-    #         script.src = "https://platform.twitter.com/widgets.js";
-    #         document.head.appendChild(script);
-    
-    #         // Define a global function to reload Twitter widgets
-    #         globalThis.reloadTwitterWidgets = (x) => {
-    #             // Select the container where tweets are inserted
-    #             const tweetContainer = document.getElementById("tweet-container");
-    
-    #             if (tweetContainer) {
-    #                 tweetContainer.innerHTML = ""; // Clear previous tweets
-    #             }
-    
-    #             // Reload Twitter widgets
-    #             if (window.twttr && twttr.widgets) {
-    #                 twttr.widgets.load();
-    #             }
-    #         };
-    #     }
-    # """ 
-    
     demo.load(None,None,None,js=js)
     
     event_models = ["jayebaku/distilbert-base-multilingual-cased-crexdata-relevance-classifier",
@@ -224,23 +199,23 @@ with gr.Blocks(fill_width=True) as demo:
                     T_predict_button = gr.Button("Start Prediction")
                     
         gr.Markdown("""Select an ID cell in dataframe to view Embedded tweet""")
-        T_tweetID = gr.Textbox()
-        with gr.Group():
-            with gr.Row():
-                with gr.Column(scale=4):
+        T_tweetID = gr.Textbox(visible=False)
+        
+        with gr.Row():
+            with gr.Column(scale=4):
+                with gr.Group():
                     T_data_filter = gr.Dropdown(visible=False)
-                    T_tweet_embed = gr.HTML("""<div id="tweet-container"></div>""") #"""<div id="tweet-container"></div>"""
-                    # gr.ClearButton(components=T_tweet_embed)
-                    
-                with gr.Column(scale=6):
-                    T_data = gr.DataFrame(headers=["Texts", "event_label", "model_score", "IDs"], 
-                                          wrap=True,
-                                          show_fullscreen_button=True, 
-                                          show_copy_button=True,
-                                          show_row_numbers=True,
-                                          show_search="filter",
-                                          max_height=1000,
-                                          column_widths=["49%","17%","17%","17%"])
+                    T_tweet_embed = gr.HTML("""<div id="tweet-container"></div>""")
+                
+            with gr.Column(scale=6):
+                T_data = gr.DataFrame(headers=["Texts", "event_label", "model_score", "IDs"], 
+                                      wrap=True,
+                                      show_fullscreen_button=True, 
+                                      show_copy_button=True,
+                                      show_row_numbers=True,
+                                      show_search="filter",
+                                      max_height=1000,
+                                      column_widths=["49%","17%","17%","17%"])
 
     
 
@@ -387,7 +362,7 @@ with gr.Blocks(fill_width=True) as demo:
                 reloadTwitterWidgets();
                 const tweetContainer = document.getElementById("tweet-container");
                 tweetContainer.innerHTML = "";
-                twttr.widgets.createTweet(x,tweetContainer,{theme: 'dark'});
+                twttr.widgets.createTweet(x,tweetContainer,{theme: 'dark', dnt: true, align: 'center'});
             }
         
         """
@@ -398,14 +373,8 @@ with gr.Blocks(fill_width=True) as demo:
         outputs=[T_data, T_data_ss_state, T_data_filter]
         )
     
-    # T_data.select(T_on_select, None, T_tweet_embed)#.then(fn=None, js="reloadTwitterWidgets()")
     T_data.select(T_on_select, None, T_tweetID)
-    T_tweetID.change(fn=None, inputs=T_tweetID, outputs=None, js=m_js)#.then(fn=None, inputs=T_tweetID, outputs=None, js="(x) => twttr.widgets.createTweet(x,document.getElementById('tweet-container'),{theme: 'dark'});")
-    # T_data.select(
-    #     fn=lambda: gr.update(value=""),
-    #     outputs=T_tweet_embed).then(T_on_select, None, T_tweet_embed).then(fn=None, js="reloadTwitterWidgets()")
-
-    # T_tweet_embed.change(fn=None, scroll_to_output=True, js="reloadTwitterWidgets()")
+    T_tweetID.change(fn=None, inputs=T_tweetID, outputs=None, js=m_js)
     
     @T_data_filter.input(inputs=[T_data_ss_state, T_data_filter], outputs=T_data)
     def filter_df(df, filter):