Fixed variable naming

src/dom/controls.js

@@ -65,22 +65,22 @@ function setIdToHideHandle(chatBody) {
     return function (event) {
         const clickedId = event.target.id.substr(4);     // get id of sender from element id
 
-        chrome.storage.sync.get('idToHide', function(data) {
-            let idToHide = data.idToHide==='' ? [] : data.idToHide;
-            idToHide.push(clickedId);
-            chrome.storage.sync.set({idToHide: idToHide}, function () {
+        chrome.storage.sync.get('idsToHide', function(data) {
+            let idsToHide = data.idsToHide || [];
+            idsToHide.push(clickedId);
+            chrome.storage.sync.set({idsToHide: idsToHide}, function () {
                 hideExistingMessages();
-                console.log('idToHide: ' + data.idToHide);
+                console.log('idsToHide: ' + data.idsToHide);
             });
         });
     }
 }
 
 export function hideExistingMessages() {
-    chrome.storage.sync.get('idToHide', function(data) {
+    chrome.storage.sync.get('idsToHide', function(data) {
         const chatBody = getChatBody();
         for (let item of chatBody.children) {
-            if (data.idToHide.includes(item.dataset.peer)) {
+            if (data.idsToHide.includes(item.dataset.peer)) {
                 item.style.display = "none";
             }
         }

src/dom/hide_element.js

@@ -2,23 +2,24 @@ import {getChatBody} from "../utils/getChatBody";
 
 export function addNewMessageEventListener() {
     const chatBody = getChatBody();
-    chrome.storage.sync.get('idToHide', function(data) {
-        let idToHide = data.idToHide;
+    chrome.storage.sync.get('idsToHide', function(data) {
+        let idsToHide = data.idsToHide;
         chatBody.addEventListener('DOMNodeInserted', function(event) {
-            newMessageHandler(event.target, idToHide)
+            newMessageHandler(event.target, idsToHide)
         });
     });
 }
 
-function newMessageHandler(message, idToHide) {
+function newMessageHandler(message) {
     if (message.className === 'im-mess-stack _im_mess_stack ') {
-        chrome.storage.sync.get('idToHide', function(data) {
-            idToHide = data.idToHide;
+        let idsToHide;
+        chrome.storage.sync.get('idsToHide', function(data) {
+            idsToHide = data.idsToHide;
         });
 
         chrome.storage.sync.get('isExtensionOn', function(data) {
             if (data.isExtensionOn) {
-                if (idToHide.includes(message.dataset.peer)) {
+                if (idsToHide.includes(message.dataset.peer)) {
                     message.style.display = "none";
                 }
             }

src/dom/main.js

@@ -5,11 +5,7 @@ import {addNewMessageEventListener} from "./hide_element";
 
 function init() {
     const url = new UrlController();
-    url.onChange((oldUrl, newUrl) => {
-        // chrome.storage.sync.get('idToHide', function (data) {
-        //     let idToHide = data.idToHide;
-        //     hideExistingMessages(idToHide)
-        // });
+    url.onChange(() => {
         if (tryToInitControls()) {
             createTryToInitInterval();
             addNewMessageEventListener();

src/popup/popup.js

@@ -2,14 +2,14 @@ import './popup.css'
 
 //let disableButton = document.getElementById('disableButton');
 let disableCheckbox = document.getElementById('disableCheckbox');
-let idToHideDisplay = document.getElementsByClassName('idToHide');
+let idsToHideElements = document.getElementsByClassName('idToHide');
 let idList = document.getElementById("id_list");
 let status = document.getElementById('status');
 let isExtensionOn;
-let idToHide = [];
+let idsToHide = [];
 
-let enableText = "Кринж офф";
-let disableText = "Кринж он";
+let enableText = "Вкл";
+let disableText = "Выкл";
 
 function idBtnHTML(id) {
     const element = document.createElement('div');
@@ -29,21 +29,21 @@ chrome.storage.sync.get('isExtensionOn', function(data) {
     }
 });
 
-chrome.storage.sync.get('idToHide', function(data) {
-    idToHide = data.idToHide;
-    for (const id in idToHide) {
-        const row = idBtnHTML(idToHide[id]);
+chrome.storage.sync.get('idsToHide', function(data) {
+    idsToHide = data.idsToHide;
+    for (const id in idsToHide) {
+        const row = idBtnHTML(idsToHide[id]);
         idList.appendChild(row);
     }
-    for (const element of idToHideDisplay) {
+    for (const element of idsToHideElements) {
         element.addEventListener('click', function() {
-            const index = idToHide.indexOf(element.innerText)
+            const index = idsToHide.indexOf(element.innerText)
             if (index > -1) {
-                idToHide.splice(index, 1);
+                idsToHide.splice(index, 1);
             }
-            chrome.storage.sync.set({idToHide: idToHide}, function() {
+            chrome.storage.sync.set({idsToHide: idsToHide}, function() {
                 element.innerText = '';
-                console.log('Cleared idToHide');
+                console.log('Cleared idsToHide');
             });
         });
     };