Update app.py

app.py

@@ -21,16 +21,29 @@ js = """
         document.head.appendChild(script);
 
         // Define a global function to reload Twitter widgets
-        globalThis.reloadTwitterWidgets = (x) => {
-            twttr.widgets.load();
+        globalThis.reloadTwitterWidgets = (tweetId) => {
+            if (typeof twttr !== 'undefined' && twttr.widgets) {
+                const container = document.getElementById('tweet-container');
+                
+                // Clear existing content to prevent duplicates
+                if (container) container.innerHTML = '';
         
-            twttr.widgets.createTweet(
-              '[x]',
-              document.getElementById('tweet-container'),
-              {
-                theme: 'dark'
-              }
-            );
+                // Reload Twitter widgets
+                twttr.widgets.load();
+                
+                // Create new tweet
+                twttr.widgets.createTweet(
+                    tweetId,
+                    container,
+                    { theme: 'dark' }
+                ).then(() => {
+                    console.log('Tweet successfully embedded');
+                }).catch((error) => {
+                    console.error('Error embedding tweet:', error);
+                });
+            } else {
+                console.error('Twitter widgets library is not loaded.');
+            }
         };
     }
 """
@@ -396,7 +409,7 @@ with gr.Blocks(fill_width=True) as demo:
     
     # 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="reloadTwitterWidgets(x)")#.then(fn=None, inputs=T_tweetID, outputs=None, js="(x) => twttr.widgets.createTweet(x,document.getElementById('tweet-container'),{theme: 'dark'});")
+    T_tweetID.change(fn=None, inputs=T_tweetID, outputs=None, js="globalThis.reloadTwitterWidgets(x)")#.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()")