From 71772574062430ac9b6ed4b09f558d6134a28611 Mon Sep 17 00:00:00 2001
From: atharva-2001 <aryaa_1@rknec.edu>
Date: Thu, 29 Apr 2021 17:38:49 +0530
Subject: [PATCH] displaying message when widget is not loaded

---
 docs/news.rst | 32 ++++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/docs/news.rst b/docs/news.rst
index 4a4e4d65c1e..3aef1ffea15 100644
--- a/docs/news.rst
+++ b/docs/news.rst
@@ -7,20 +7,32 @@
 
 
     <script>
-    jQuery('.twitter-block').delegate('#twitter-widget-0','DOMSubtreeModified propertychange', function() {
-    //function call to override the base twitter styles
-    customizeTweetMedia();
-    });
+         jQuery('.twitter-block').delegate('#twitter-widget-0', 'DOMSubtreeModified propertychange', function() {
+        // function call to override the base twitter styles
+        customizeTweetMedia();
+        });
 
-    var customizeTweetMedia = function() {
-        //overrides css 
+        var customizeTweetMedia = function() {
         jQuery('.twitter-block').find('.twitter-timeline').contents().find('.timeline-Header-title.u-inlineBlock').css('font-size', '18px');
         jQuery('.twitter-block').find('.twitter-timeline').contents().find('.timeline-Header-title.u-inlineBlock').children().css('font-size', '18px');
-        jQuery('.twitter-block').find('.twitter-timeline').contents().find('.timeline-Tweet-text').css({'font-size': '16px', 'font': 'Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;', 'line-height': '1.1'});
+        jQuery('.twitter-block').find('.twitter-timeline').contents().find('.timeline-Tweet-text').css({
+            'font-size': '16px',
+            'font': 'Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;',
+            'line-height': '1.1'
+        });
 
-        //also call the function on dynamic updates in addition to page load
+        // also call the function on dynamic updates in addition to page load
         jQuery('.twitter-block').find('.twitter-timeline').contents().find('.timeline-TweetList').bind('DOMSubtreeModified propertychange', function() {
-        customizeTweetMedia(this);
+            customizeTweetMedia(this);
         });
-    }
+        };
+
+        // checks if the widget hasn't loaded and prints a message after 4 seconds
+        setTimeout(() => {
+            if (document.querySelector('#twitter-widget-0') == null) {
+                console.log("widget probably not loaded");
+                document.querySelector('.twitter-block').innerHTML = "<p style='font-family: Lato, sans-serif; text-align:center;'><a href='https://twitter.com/tardis_sn'>TARDIS Tweets</a><br>It seems Twitter Widget was not loaded. Please check your internet connection or consider disabling tracking protection if on Firefox. <br>If the problem persists, consider contacting us.</p>";
+            };
+            }, 4000);
+
     </script>
\ No newline at end of file