Update templates/index.html

templates/index.html

@@ -432,18 +432,22 @@
 
     <script>
         let activeAlertAppId = null;
+        const dismissedAlerts = new Set();
 
         setInterval(function () {
             fetch('/api/alerts')
                 .then(response => response.json())
                 .then(alerts => {
-                    if (alerts.length > 0) {
-                        let topAlert = alerts[0];
+                    const activeAlerts = alerts.filter(alert => !dismissedAlerts.has(alert.app_id));
+                    if (activeAlerts.length > 0) {
+                        let topAlert = activeAlerts[0];
                         activeAlertAppId = topAlert.app_id;
 
                         document.getElementById("alertMessage").innerHTML = `<strong>${topAlert.title}</strong> has hit your threshold! Current Price: <b>${topAlert.price}</b>`;
                         document.getElementById("alertLink").href = `https://store.steampowered.com/app/${topAlert.app_id}/`;
                         document.getElementById("alertPopup").style.display = "block";
+                    } else {
+                        document.getElementById("alertPopup").style.display = "none";
                     }
                 });
         }, 4000);
@@ -451,13 +455,8 @@
         function closePopup() {
             document.getElementById("alertPopup").style.display = "none";
             if (activeAlertAppId) {
-                fetch('/api/dismiss', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ app_id: activeAlertAppId })
-                }).then(() => {
-                    window.location.reload();
-                });
+                dismissedAlerts.add(activeAlertAppId);
+                activeAlertAppId = null;
             }
         }
     </script>