Update app.py

app.py

@@ -12,7 +12,7 @@ HFTOKEN = os.environ["HF_TOKEN"]
 
 
 
-js = """
+loadTwitterWidgets_js = """
     async () => {
         // Load Twitter Widgets script
         const script = document.createElement("script");
@@ -169,7 +169,7 @@ def qa_summarise(selected_queries, qa_llm_model, text_field, data_df):
 
             
 with gr.Blocks(fill_width=True) as demo:
-    demo.load(None,None,None,js=js)
+    demo.load(None,None,None,js=loadTwitterWidgets_js)
     
     event_models = ["jayebaku/XLMRoberta-twitter-crexdata-flood-wildfire-detector",
                     "jayebaku/distilbert-base-multilingual-cased-crexdata-relevance-classifier",]
@@ -367,20 +367,30 @@ with gr.Blocks(fill_width=True) as demo:
 
 
          
-    m_js = """ (x) =>
-            {
-                reloadTwitterWidgets();
-                const tweetContainer = document.getElementById("tweet-container");
-                tweetContainer.innerHTML = "";
-                twttr.widgets.createTweet(x,tweetContainer,{theme: 'dark', dnt: true, align: 'center'});
-            }
+    # m_js = """ (x) =>
+    #         {
+    #             reloadTwitterWidgets();
+    #             const tweetContainer = document.getElementById("tweet-container");
+    #             tweetContainer.innerHTML = "";
+    #             twttr.widgets.createTweet(x,tweetContainer,{theme: 'dark', dnt: true, align: 'center'});
+    #         }
         
-        """
+    #     """
+
+    # m2_js = """ (x) =>
+    #         {
+    #             reloadTwitterWidgets();
+    #             const tweetContainer = document.getElementById("tweet-container2");
+    #             tweetContainer.innerHTML = "";
+    #             twttr.widgets.createTweet(x,tweetContainer,{theme: 'dark', dnt: true, align: 'center'});
+    #         }
+        
+    #     """
 
-    m2_js = """ (x) =>
+    m_js = """ (x) =>
             {
                 reloadTwitterWidgets();
-                const tweetContainer = document.getElementById("tweet-container2");
+                const tweetContainer = document.getElementById("<=CONTAINER-NAME=>");
                 tweetContainer.innerHTML = "";
                 twttr.widgets.createTweet(x,tweetContainer,{theme: 'dark', dnt: true, align: 'center'});
             }
@@ -395,7 +405,7 @@ with gr.Blocks(fill_width=True) as demo:
         )
     
     T_data.select(T_on_select, None, T_tweetID)
-    T_tweetID.change(fn=None, inputs=T_tweetID, outputs=None, js=m_js)
+    T_tweetID.change(fn=None, inputs=T_tweetID, outputs=None, js=m_js.replace("<=CONTAINER-NAME=>", "tweet-container"))
     
     @T_data_filter.input(inputs=[T_data_ss_state, T_data_filter], outputs=T_data)
     def filter_df(df, filter): 
@@ -428,7 +438,7 @@ with gr.Blocks(fill_width=True) as demo:
                     outputs=[hsummary, qa_df])   
 
     qa_df.select(T_on_select, None, qa_tweetID)
-    qa_tweetID.change(fn=None, inputs=qa_tweetID, outputs=None, js=m2_js)
+    qa_tweetID.change(fn=None, inputs=qa_tweetID, outputs=None, js=m_js.replace("<=CONTAINER-NAME=>", "tweet-container2"))
     
     
     # Event listener for single text classification