From 13f8b6b6dcc7cae354ea4c66e31ce7cca47e37ae Mon Sep 17 00:00:00 2001
From: YouHaveTrouble <youhavetrouble@youhavetrouble.me>
Date: Sat, 14 Sep 2024 16:31:28 +0200
Subject: [PATCH] fix online status not updating after changing pages

---
 src/pages/index.astro | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2f3b126..1dcb9ad 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -63,13 +63,18 @@ const permalink = Astro?.site?.href ?? '/';
   </div>
 </BaseLayout>
 
-<script lang="ts" client:load>
-  const status = document.querySelector("#online-status");
-  const game = document.querySelector("#online-game");
+<script>
+  let task = -1;
 
-  updateOnlineStatus();
+  document.addEventListener('astro:page-load', () => {
+    updateOnlineStatus();
+  });
 
   async function updateOnlineStatus() {
+    clearTimeout(task);
+    const status = document.querySelector("#online-status");
+    const game = document.querySelector("#online-game");
+    if (!status || !game) return;
     console.debug("Updating online status...");
     const response = await fetch("https://api.youhavetrouble.me/online");
     const data = await response.json();
@@ -78,7 +83,7 @@ const permalink = Astro?.site?.href ?? '/';
     status.textContent = online ? "Online" : "Offline";
     status.classList.value = online ? "online" : "offline";
     game.textContent = gameName ? `, playing: ${gameName}` : "";
-    setTimeout(updateOnlineStatus, 10000);
+    setTimeout(updateOnlineStatus, 5000);
   }
 </script>
 
@@ -119,9 +124,11 @@ const permalink = Astro?.site?.href ?? '/';
       background-color: #cc8d2e;
       transition: background-color 0.2s;
     }
+
     &.online::before {
       background-color: #2ecc71;
     }
+
     &.offline::before {
       background-color: #e74c3c;
     }