feat(settings): add toggle to show/hide sponsor sidebar icon (default enabled)

Closes: Acode-Foundation#1903

Author: bajrangCoder

src/lib/settings.js

@@ -176,6 +176,7 @@ class Settings {
 			maxRetryCount: 3,
 			showRetryToast: false,
 			showSideButtons: true,
+			showSponsorSidebarApp: true,
 			showAnnotations: false,
 			lintGutter: true,
 			rainbowBrackets: true,

src/settings/appSettings.js

@@ -176,6 +176,11 @@ export default function otherSettings() {
 			text: strings["show side buttons"],
 			checkbox: values.showSideButtons,
 		},
+		{
+			key: "showSponsorSidebarApp",
+			text: `${strings.sponsor} (${strings.sidebar})`,
+			checkbox: values.showSponsorSidebarApp,
+		},
 		{
 			key: "excludeFolders",
 			text: strings["exclude files"],

src/sidebarApps/index.js

@@ -1,3 +1,4 @@
+import appSettings from "lib/settings";
 import Sponsors from "pages/sponsors";
 import SidebarApp from "./sidebarApp";
 
@@ -11,6 +12,8 @@ let $sidebar;
 let currentSection = localStorage.getItem(SIDEBAR_APPS_LAST_SECTION);
 /**@type {SidebarApp[]} */
 const apps = [];
+/**@type {HTMLSpanElement | null} */
+let $sponsorIcon = null;
 
 /**
  * @param {string} icon icon of the app
@@ -68,6 +71,10 @@ function init($el) {
 	$apps = $sidebar.get(".app-icons-container");
 	$apps.addEventListener("click", onclick);
 	SidebarApp.init($el, $apps);
+	appSettings.on(
+		"update:showSponsorSidebarApp",
+		setSponsorSidebarAppVisibility,
+	);
 }
 
 /**
@@ -78,7 +85,33 @@ async function loadApps() {
 	add(...(await import("./searchInFiles")).default);
 	add(...(await import("./extensions")).default);
 	add(...(await import("./notification")).default);
-	$apps.append(<span className="icon favorite" onclick={Sponsors} />);
+	setSponsorSidebarAppVisibility(appSettings.value.showSponsorSidebarApp);
+}
+
+/**
+ * Adds or removes the sponsor icon in sidebar based on settings.
+ * @param {boolean} visible
+ */
+function setSponsorSidebarAppVisibility(visible) {
+	if (!$apps) return;
+
+	if (visible) {
+		if ($sponsorIcon?.isConnected) return;
+		$sponsorIcon = (
+			<span
+				className="icon favorite"
+				title={strings.sponsor}
+				onclick={Sponsors}
+			/>
+		);
+		$apps.append($sponsorIcon);
+		return;
+	}
+
+	if ($sponsorIcon) {
+		$sponsorIcon.remove();
+		$sponsorIcon = null;
+	}
 }
 
 /**