Merge pull request #11 from vortisrd/main

TikTok Like Events not updating properly

multichat-overlay/script.js

@@ -2725,28 +2725,47 @@ function TikTokLikes(data) {
 
 
 	// Get the total number of likes
-	var likeCountTotal = parseInt(data.likeCount);
+	let likeCount = parseInt(data.likeCount);
 
 	// Search for Previous Likes from the Same User
-    const previousLikeContainer = document.querySelector(`li[data-user-id="${data.userId}"]`);
+    const previousLikeContainer = document.querySelector(`.likes[data-user-identifier="${data.userId}"]`);	
 
 	// If found, fetches the previous likes, deletes the element
     // and then creates a new count with a sum of the like count
     if (previousLikeContainer) {
         const likeCountElem = previousLikeContainer.querySelector('#tiktok-gift-repeat-count');
         if (likeCountElem) {
-            var likeCountPrev = parseInt(likeCountElem.textContent.replace('x', ''));
+			const liLikeContainer = previousLikeContainer.parentElement?.parentElement
-            likeCountTotal = Math.floor(likeCountPrev + likeCountTotal);
+			if (liLikeContainer) {
-            previousLikeContainer.remove();
+				
+				let prevLikeCount = parseInt(likeCountElem.textContent.replace('x', ''), 10);
+				let likeCountUpdate = Math.floor(prevLikeCount + likeCount);
+				let likeCountDiv = previousLikeContainer.querySelector('#tiktok-gift-repeat-count');
+
+				likeCountDiv.innerText = `x${likeCountUpdate}`;
+				
+				const parent = liLikeContainer.parentElement;
+				if (parent) { parent.appendChild(liLikeContainer); }
+			}
         }
     }
 
+	else {
 		// Get a reference to the template
 		const template = document.getElementById('tiktok-gift-template');
 
 		// Create a new instance of the template
 		const instance = template.content.cloneNode(true);
 		
+		// gets the GiftElement
+		const giftElement = instance.querySelector('.tiktok-gift');
+
+		// adds the like class
+		giftElement.classList.add('likes');
+
+		// and assigns the user id
+		giftElement.dataset.userIdentifier = data.userId;
+
 		// Get divs
 		const avatarImg = instance.querySelector('.tiktok-gift-avatar');
 		const usernameSpan = instance.querySelector('#tiktok-gift-username');
@@ -2758,10 +2777,11 @@ function TikTokLikes(data) {
 		usernameSpan.innerText = data.nickname;
 		giftNameSpan.innerText = 'Likes';
 		stickerImg.src = '';
-	repeatCountDiv.innerText = `x${likeCountTotal}`;
+		repeatCountDiv.innerText = `x${likeCount}`;
 
 		AddMessageItem(instance, data.msgId, 'tiktok', data.userId);
 	}
+}
 
 function TikTokGift(data) {
 	if (!showTikTokGifts)