fixed bar still showing on like-disabled videos

4 files changed, 58 insertions, 45 deletions

diff --git a/Extensions/combined/dist/chrome/bundled-content-script.js b/Extensions/combined/dist/chrome/bundled-content-script.js
index d612891..df6cf9b 100644
--- a/Extensions/combined/dist/chrome/bundled-content-script.js
+++ b/Extensions/combined/dist/chrome/bundled-content-script.js
@@ -2,27 +2,6 @@
 /******/ 	"use strict";
 var __webpack_exports__ = {};
 
-;// CONCATENATED MODULE: ./Extensions/combined/src/bar.js
-
-
-
-function createRateBar(likes, dislikes) {
-  if (!likesDisabledState) {
-    var rateBar = document.getElementById("ryd-bar-container");
-    var widthPx = buttons_getButtons().children[0].clientWidth + buttons_getButtons().children[1].clientWidth + 8;
-    var widthPercent = likes + dislikes > 0 ? likes / (likes + dislikes) * 100 : 50;
-
-    if (!rateBar) {
-      (document.getElementById("menu-container") || document.querySelector("ytm-slim-video-action-bar-renderer")).insertAdjacentHTML("beforeend", "\n            <div class=\"ryd-tooltip\" style=\"width: ".concat(widthPx, "px\">\n            <div class=\"ryd-tooltip-bar-container\">\n              <div\n                  id=\"ryd-bar-container\"\n                  style=\"width: 100%; height: 2px;\"\n                  >\n                  <div\n                    id=\"ryd-bar\"\n                    style=\"width: ").concat(widthPercent, "%; height: 100%\"\n                    ></div>\n              </div>\n            </div>\n            <tp-yt-paper-tooltip position=\"top\" id=\"ryd-dislike-tooltip\" class=\"style-scope ytd-sentiment-bar-renderer\" role=\"tooltip\" tabindex=\"-1\">\n              <!--css-build:shady-->").concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString(), "\n            </tp-yt-paper-tooltip>\n            </div>\n    "));
-    } else {
-      document.getElementById("ryd-bar-container").style.width = widthPx + "px";
-      document.getElementById("ryd-bar").style.width = widthPercent + "%";
-      document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML = "".concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString());
-    }
-  }
-}
-
-
 ;// CONCATENATED MODULE: ./Extensions/combined/src/utils.js
 function roundDown(num) {
   if (num < 1000) return num;
@@ -92,6 +71,32 @@ function cLog(message, writer) {
 }
 
 
+;// CONCATENATED MODULE: ./Extensions/combined/src/bar.js
+
+
+
+
+function createRateBar(likes, dislikes) {
+  if (!likesDisabledState) {
+    var rateBar = document.getElementById("ryd-bar-container");
+    var widthPx = buttons_getButtons().children[0].clientWidth + buttons_getButtons().children[1].clientWidth + 8;
+    var widthPercent = likes + dislikes > 0 ? likes / (likes + dislikes) * 100 : 50;
+
+    if (!rateBar) {
+      (document.getElementById("menu-container") || document.querySelector("ytm-slim-video-action-bar-renderer")).insertAdjacentHTML("beforeend", "\n            <div class=\"ryd-tooltip\" style=\"width: ".concat(widthPx, "px\">\n            <div class=\"ryd-tooltip-bar-container\">\n              <div\n                  id=\"ryd-bar-container\"\n                  style=\"width: 100%; height: 2px;\"\n                  >\n                  <div\n                    id=\"ryd-bar\"\n                    style=\"width: ").concat(widthPercent, "%; height: 100%\"\n                    ></div>\n              </div>\n            </div>\n            <tp-yt-paper-tooltip position=\"top\" id=\"ryd-dislike-tooltip\" class=\"style-scope ytd-sentiment-bar-renderer\" role=\"tooltip\" tabindex=\"-1\">\n              <!--css-build:shady-->").concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString(), "\n            </tp-yt-paper-tooltip>\n            </div>\n    "));
+    } else {
+      document.getElementById("ryd-bar-container").style.width = widthPx + "px";
+      document.getElementById("ryd-bar").style.width = widthPercent + "%";
+      document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML = "".concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString());
+    }
+  } else {
+    cLog('removing bar');
+    var ratebar = document.getElementById("ryd-bar-container");
+    ratebar.parentNode.removeChild(ratebar);
+  }
+}
+
+
 ;// CONCATENATED MODULE: ./Extensions/combined/src/events.js
 
 
diff --git a/Extensions/combined/dist/firefox/bundled-content-script.js b/Extensions/combined/dist/firefox/bundled-content-script.js
index d612891..df6cf9b 100644
--- a/Extensions/combined/dist/firefox/bundled-content-script.js
+++ b/Extensions/combined/dist/firefox/bundled-content-script.js
@@ -2,27 +2,6 @@
 /******/ 	"use strict";
 var __webpack_exports__ = {};
 
-;// CONCATENATED MODULE: ./Extensions/combined/src/bar.js
-
-
-
-function createRateBar(likes, dislikes) {
-  if (!likesDisabledState) {
-    var rateBar = document.getElementById("ryd-bar-container");
-    var widthPx = buttons_getButtons().children[0].clientWidth + buttons_getButtons().children[1].clientWidth + 8;
-    var widthPercent = likes + dislikes > 0 ? likes / (likes + dislikes) * 100 : 50;
-
-    if (!rateBar) {
-      (document.getElementById("menu-container") || document.querySelector("ytm-slim-video-action-bar-renderer")).insertAdjacentHTML("beforeend", "\n            <div class=\"ryd-tooltip\" style=\"width: ".concat(widthPx, "px\">\n            <div class=\"ryd-tooltip-bar-container\">\n              <div\n                  id=\"ryd-bar-container\"\n                  style=\"width: 100%; height: 2px;\"\n                  >\n                  <div\n                    id=\"ryd-bar\"\n                    style=\"width: ").concat(widthPercent, "%; height: 100%\"\n                    ></div>\n              </div>\n            </div>\n            <tp-yt-paper-tooltip position=\"top\" id=\"ryd-dislike-tooltip\" class=\"style-scope ytd-sentiment-bar-renderer\" role=\"tooltip\" tabindex=\"-1\">\n              <!--css-build:shady-->").concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString(), "\n            </tp-yt-paper-tooltip>\n            </div>\n    "));
-    } else {
-      document.getElementById("ryd-bar-container").style.width = widthPx + "px";
-      document.getElementById("ryd-bar").style.width = widthPercent + "%";
-      document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML = "".concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString());
-    }
-  }
-}
-
-
 ;// CONCATENATED MODULE: ./Extensions/combined/src/utils.js
 function roundDown(num) {
   if (num < 1000) return num;
@@ -92,6 +71,32 @@ function cLog(message, writer) {
 }
 
 
+;// CONCATENATED MODULE: ./Extensions/combined/src/bar.js
+
+
+
+
+function createRateBar(likes, dislikes) {
+  if (!likesDisabledState) {
+    var rateBar = document.getElementById("ryd-bar-container");
+    var widthPx = buttons_getButtons().children[0].clientWidth + buttons_getButtons().children[1].clientWidth + 8;
+    var widthPercent = likes + dislikes > 0 ? likes / (likes + dislikes) * 100 : 50;
+
+    if (!rateBar) {
+      (document.getElementById("menu-container") || document.querySelector("ytm-slim-video-action-bar-renderer")).insertAdjacentHTML("beforeend", "\n            <div class=\"ryd-tooltip\" style=\"width: ".concat(widthPx, "px\">\n            <div class=\"ryd-tooltip-bar-container\">\n              <div\n                  id=\"ryd-bar-container\"\n                  style=\"width: 100%; height: 2px;\"\n                  >\n                  <div\n                    id=\"ryd-bar\"\n                    style=\"width: ").concat(widthPercent, "%; height: 100%\"\n                    ></div>\n              </div>\n            </div>\n            <tp-yt-paper-tooltip position=\"top\" id=\"ryd-dislike-tooltip\" class=\"style-scope ytd-sentiment-bar-renderer\" role=\"tooltip\" tabindex=\"-1\">\n              <!--css-build:shady-->").concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString(), "\n            </tp-yt-paper-tooltip>\n            </div>\n    "));
+    } else {
+      document.getElementById("ryd-bar-container").style.width = widthPx + "px";
+      document.getElementById("ryd-bar").style.width = widthPercent + "%";
+      document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML = "".concat(likes.toLocaleString(), "&nbsp;/&nbsp;").concat(dislikes.toLocaleString());
+    }
+  } else {
+    cLog('removing bar');
+    var ratebar = document.getElementById("ryd-bar-container");
+    ratebar.parentNode.removeChild(ratebar);
+  }
+}
+
+
 ;// CONCATENATED MODULE: ./Extensions/combined/src/events.js
 
 
diff --git a/Extensions/combined/src/bar.js b/Extensions/combined/src/bar.js
index 97a5ffc..fdf2267 100644
--- a/Extensions/combined/src/bar.js
+++ b/Extensions/combined/src/bar.js
@@ -1,5 +1,6 @@
 import { getButtons } from "./buttons";
 import { likesDisabledState } from "./state";
+import { cLog } from "./utils";
 
 function createRateBar(likes, dislikes) {
   if (!likesDisabledState)
@@ -47,6 +48,10 @@ function createRateBar(likes, dislikes) {
         "#ryd-dislike-tooltip > #tooltip"
       ).innerHTML = `${likes.toLocaleString()}&nbsp;/&nbsp;${dislikes.toLocaleString()}`;
     }
+  } else {
+    cLog('removing bar');
+    let ratebar = document.getElementById("ryd-bar-container");
+    ratebar.parentNode.removeChild(ratebar);
   }
 }
 
diff --git a/Extensions/combined/src/state.js b/Extensions/combined/src/state.js
index d8ef0bd..b59f5d1 100644
--- a/Extensions/combined/src/state.js
+++ b/Extensions/combined/src/state.js
@@ -92,9 +92,7 @@ function processResponse(response, storedData) {
   setDislikes(formattedDislike);
   storedData.dislikes = parseInt(response.dislikes);
   storedData.likes = getLikeCountFromButton() || parseInt(response.likes);
-  if(!likesDisabledState) {
-    createRateBar(storedData.likes, storedData.dislikes);
-  }
+  createRateBar(storedData.likes, storedData.dislikes);
 }
 
 function setState(storedData) {