Fix repeating dislike count issue on YouTube

Description:

This pull request fixes an issue where the dislike count on YouTube videos was being repeated multiple times, leading to incorrect display and a poor user experience.

Problem:
The dislike count was being updated and displayed repeatedly, which resulted in the same number being shown multiple times in a row.
This issue also caused the "dislike" button to become unresponsive in some cases, preventing users from interacting with it.
Solution:
I adjusted the makeUI function to check whether the dislike count element already exists before updating it. This ensures that the UI is only updated when necessary, preventing the issue of repeated display.
Added a check to ensure that the text content is only updated if it has changed, which further optimizes performance and prevents unnecessary UI updates.
Testing:
I tested this solution on both regular YouTube videos and YouTube Shorts to ensure that the dislike count is displayed correctly and updated only when necessary.
The "dislike" button remains fully functional after these changes.
Please review the changes and let me know if there are any further adjustments needed. Thank you for your consideration!

Author: vtt132109

scripts/youtube_viewDislikes.js

@@ -38,6 +38,8 @@ export default {
               );
               if (!label) return;
               let text = numberFormat(dislikeCount);
+
+              // Kiểm tra và chỉ cập nhật nếu cần thiết
               if (label.textContent != text) label.textContent = text;
             }
 
@@ -62,22 +64,31 @@ export default {
 
             function makeUI(dislikeCount = 0) {
               let className = "yt-spec-button-shape-next__button-text-content";
-              let exist = button.querySelector(className);
+              let exist = button.querySelector(`.${className}`);
+
+              // Kiểm tra nếu phần tử đã tồn tại, chỉ cập nhật nội dung
               if (exist) {
-                exist.textContent = numberFormat(dislikeCount);
+                const currentText = exist.textContent;
+                const newText = numberFormat(dislikeCount);
+
+                // Chỉ cập nhật nếu nội dung thay đổi
+                if (currentText !== newText) {
+                  exist.textContent = newText;
+                }
               } else {
                 let dislikeText = document.createElement("div");
                 dislikeText.classList.add(className);
                 dislikeText.textContent = numberFormat(dislikeCount);
                 button.appendChild(dislikeText);
+
                 listeners.push(
                   UfsGlobal.DOM.onElementRemoved(dislikeText, () =>
                     makeUI(dislikeCount)
                   )
                 );
               }
 
-              // fix button style
+              // Sửa lại phong cách của nút
               button.style.width = "auto";
               const dislikeIcon = button.querySelector(
                 ".yt-spec-button-shape-next__icon"
@@ -94,9 +105,9 @@ export default {
       }
 
       function run() {
-        // remove all pre listeners
+        // Xóa tất cả listeners trước đó
         listeners.forEach((fn) => fn?.());
-        listeners = []; // Reset listeners array after clearing
+        listeners = []; // Reset listeners array sau khi xóa
 
         if (isShorts()) listeners.push(listenShort());
         else listeners.push(listenVideo());
@@ -124,7 +135,6 @@ const cached = {};
 
 const getDislikeDataDebounced = UfsGlobal.Utils.debounce(getDislikeData, 100);
 
-// Source code extracted from https://chrome.google.com/webstore/detail/return-youtube-dislike/gebbhagfogifgggkldgodflihgfeippi
 async function getDislikeData(videoId, callback) {
   if (!videoId) return;