fix spinner not working when on index page

ktg5 · Dec 4, 2023 · b5d14f2 · b5d14f2
1 parent 5dcd82a
commit b5d14f2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/manifest.json b/manifest.json
@@ -2,7 +2,7 @@
     "manifest_version": 3,
     "name": "PlayerTube",
     "description": "The secret ingredient for a older (and better) looking YouTube.",
-    "version": "1.5.2",
+    "version": "1.5.2.1",
     "homepage_url": "https://github.com/ktg5/PlayerTube",
 
     "background": {

diff --git a/src/main.js b/src/main.js
@@ -7,11 +7,19 @@ var customTheme = userConfig.customTheme;
 // #################################
 
 // LOADING / SPINNER / BUFFER thingy whatever
-document.getElementsByClassName('ytp-spinner-container')[0].style.display = 'none';
-var spinner = document.getElementsByClassName('ytp-spinner')[0];
-spinner.style.background = `url('https://raw.githubusercontent.com/ktg5/PlayerTube/main/img/loading.gif')`;
-spinner.style.backgroundSize = 'contain';
-spinner.style.height = '64px';
+var tempinterval = setInterval(() => {
+    if (document.getElementsByClassName('ytp-spinner-container')[0] && document.getElementsByClassName('ytp-spinner')[0]) {
+        var spinner_container = document.getElementsByClassName('ytp-spinner-container')[0];
+        var spinner = document.getElementsByClassName('ytp-spinner')[0];
+
+        spinner_container.style.display = 'none';
+        spinner.style.background = `url('https://raw.githubusercontent.com/ktg5/PlayerTube/main/img/loading.gif')`;
+        spinner.style.backgroundSize = 'contain';
+        spinner.style.height = '64px';
+
+        clearInterval(tempinterval);
+    }
+}, 1000);
 
 // MOVING ELEMENTS
 function moveElement(element, targetDiv, pasteDiv) {