fix: prevent the checkbox from flashing back off on mobile

Author: Ahmed-Maher77

js/app.js

@@ -275,6 +275,15 @@ if ("serviceWorker" in navigator) {
     });
 }
 
+// when notification permission is denied (toggle stays on; notify user)
+window.addEventListener("notificationPermissionDenied", () => {
+    showToast(
+        "Notifications are blocked. Enable them in your browser or device settings to get reminders.",
+        "info",
+        5000,
+    );
+});
+
 /* ====================== Main Functions ===================== */
 // Switch Tabs
 function switchTabs(e, btn) {

js/pushNotificationsHandler.js

@@ -37,8 +37,9 @@ document.addEventListener("DOMContentLoaded", () => {
 		if (isEnabled) {
 			const permission = await requestNotificationPermission();
 			if (!permission) {
-				e.target.removeAttribute("checked");
-				e.target.checked = false;
+				// Keep toggle checked so the checkbox doesn't "flash" back off on mobile.
+				// Notifications will only fire when permission is granted; tell the user.
+				window.dispatchEvent(new CustomEvent("notificationPermissionDenied"));
 			}
 		}
 	});