fix(wrapper): use History.listen event instead of the observer (#2826)

spicetify · Feb 14, 2024 · 6f28790 · 6f28790
1 parent d8adb2e
commit 6f28790
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 18 deletions.
diff --git a/css-map.json b/css-map.json
@@ -137,6 +137,7 @@
 	"ATUzFKub89lzvkmvhpyE": "main-navBar-navBarLink",
 	"moDRd9td0KtitPDzR7OJ": "main-navBar-navBarLinkActive",
 	"GTAFfOA_w5vh_bDaGJAG": "main-noConnection",
+	"NPvLJSRWfv1Joo8dF0D8": "main-noConnection",
 	"WIGgdAaAzrXm7f_loaXi": "main-noConnection-button",
 	"vQNZsbpzoUFSW5fsFOAw": "main-notificationBubble-NotificationBubble",
 	"ZKFK00olAYy6LtYMjEIa": "main-notificationBubble-enter",

diff --git a/jsHelper/spicetifyWrapper.js b/jsHelper/spicetifyWrapper.js
@@ -1899,7 +1899,6 @@ Object.defineProperty(Spicetify, "TippyProps", {
 Spicetify.Topbar = (() => {
 	let leftContainer;
 	let rightContainer;
-	let timeout;
 	const leftButtonsStash = new Set();
 	const rightButtonsStash = new Set();
 
@@ -1979,25 +1978,12 @@ Spicetify.Topbar = (() => {
 	}
 
 	waitForTopbarMounted();
-	(function attachObserver() {
-		if (timeout) clearTimeout(timeout);
-		const topBar = document.querySelector(".main-topBar-container");
-		if (!topBar) {
-			setTimeout(attachObserver, 100);
+	(function waitForPlatform() {
+		if (!Spicetify.Platform?.History) {
+			setTimeout(waitForPlatform, 100);
 			return;
 		}
-		const observer = new MutationObserver(mutations => {
-			for (const mutation of mutations) {
-				if (mutation.removedNodes.length > 0) {
-					leftContainer = null;
-					rightContainer = null;
-					waitForTopbarMounted();
-					observer.disconnect();
-					timeout = setTimeout(attachObserver, 300);
-				}
-			}
-		});
-		observer.observe(topBar, { childList: true, subtree: true });
+		Spicetify.Platform.History.listen(() => waitForTopbarMounted());
 	})();
 
 	return { Button };