fix: sync quicktools when tab switching

Author: RohitKushvaha01

src/lib/applySettings.js

@@ -5,6 +5,38 @@ import themes from "../theme/list";
 import config from "./config";
 import fonts from "./fonts";
 
+let listenerAdded = false;
+
+function syncQuickToolsVisibility() {
+	const { value: settings } = appSettings;
+	const { $toggler } = quickTools;
+	const activeFile = editorManager.activeFile;
+
+	if (settings.floatingButton && !activeFile?.hideQuickTools) {
+		clearTimeout($toggler._hideTimeout);
+		$toggler._hideTimeout = null;
+		$toggler.classList.remove("hide");
+		if (!$toggler.isConnected) {
+			root.appendOuter($toggler);
+		}
+	} else {
+		clearTimeout($toggler._hideTimeout);
+		$toggler.classList.add("hide");
+		$toggler._hideTimeout = setTimeout(() => {
+			$toggler.remove();
+			$toggler._hideTimeout = null;
+		}, 300);
+	}
+
+	if (activeFile?.hideQuickTools) {
+		actions("set-height", { height: 0, save: false });
+	} else {
+		const quickToolsHeight =
+			settings.quickTools !== undefined ? settings.quickTools : 1;
+		actions("set-height", { height: quickToolsHeight, save: false });
+	}
+}
+
 export default {
 	beforeRender() {
 		//animation
@@ -30,24 +62,14 @@ export default {
 	},
 	afterRender() {
 		const { value: settings } = appSettings;
-		const { $toggler } = quickTools;
-		if (settings.floatingButton && !editorManager.activeFile?.hideQuickTools) {
-			clearTimeout($toggler._hideTimeout);
-			$toggler._hideTimeout = null;
-			$toggler.classList.remove("hide");
-			if (!$toggler.isConnected) {
-				root.appendOuter($toggler);
-			}
-		} else {
-			clearTimeout($toggler._hideTimeout);
-			$toggler.classList.add("hide");
-			$toggler._hideTimeout = setTimeout(() => {
-				$toggler.remove();
-				$toggler._hideTimeout = null;
-			}, 300);
+
+		if (!listenerAdded) {
+			editorManager.on("switch-file", syncQuickToolsVisibility);
+			listenerAdded = true;
 		}
 
-		actions("set-height", settings.quickTools);
+		syncQuickToolsVisibility();
+
 		fonts.setAppFont(settings.appFont);
 		fonts.setEditorFont(settings.editorFont);
 		if (!themes.applied) {

src/lib/editorFile.js

@@ -8,14 +8,12 @@ import {
 	setScrollPosition,
 } from "cm/editorUtils";
 import { getMode, getModeForPath } from "cm/modelist";
-import quickTools from "components/quickTools";
 import Sidebar from "components/sidebar";
 import tile from "components/tile";
 import toast from "components/toast";
 import confirm from "dialogs/confirm";
 import DOMPurify from "dompurify";
 import startDrag from "handlers/editorFileTab";
-import actions from "handlers/quickTools";
 import tag from "html-tag-js";
 import mimeTypes from "mime-types";
 import helpers from "utils/helpers";
@@ -1375,33 +1373,6 @@ export default class EditorFile {
 			this.#loadText();
 		}
 
-		// Handle quicktools visibility based on hideQuickTools property
-		if (this.hideQuickTools) {
-			const { $toggler } = quickTools;
-			clearTimeout($toggler._hideTimeout);
-			$toggler.classList.add("hide");
-			$toggler._hideTimeout = setTimeout(() => {
-				$toggler.remove();
-				$toggler._hideTimeout = null;
-			}, 300);
-			actions("set-height", { height: 0, save: false });
-		} else {
-			const { $toggler } = quickTools;
-			if (appSettings.value.floatingButton) {
-				clearTimeout($toggler._hideTimeout);
-				$toggler._hideTimeout = null;
-				$toggler.classList.remove("hide");
-				if (!$toggler.isConnected) {
-					root.appendOuter($toggler);
-				}
-			}
-			const quickToolsHeight =
-				appSettings.value.quickTools !== undefined
-					? appSettings.value.quickTools
-					: 1;
-			actions("set-height", { height: quickToolsHeight, save: false });
-		}
-
 		editorManager.header.subText = this.#getTitle();
 
 		this.#emit("focus", createFileEvent(this));