From ce351183a69ed0d4c57a34fbf7b5bc5389844c43 Mon Sep 17 00:00:00 2001
From: thiloho <123883702+thiloho@users.noreply.github.com>
Date: Mon, 29 Dec 2025 20:25:55 +0100
Subject: [PATCH] Fix tracks loading script

---
 src/pages/tracks.astro | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/tracks.astro b/src/pages/tracks.astro
index 9d72329..40f24e8 100644
--- a/src/pages/tracks.astro
+++ b/src/pages/tracks.astro
@@ -32,7 +32,10 @@ const tracks = await getCollection("tracks");
 <script is:inline define:vars={{ tracks }}>
   const loadThumbnails = async () => {
     const tracksContainer = document.getElementById("tracks-container");
-    if (!tracksContainer) {
+    const loadingIndicator = document.getElementById("loading-indicator");
+    const percentageEl = document.getElementById("loading-percentage");
+
+    if (!tracksContainer || !loadingIndicator || !percentageEl) {
       return;
     }
 
@@ -43,7 +46,6 @@ const tracks = await getCollection("tracks");
 
     let loadedCount = 0;
     const total = thumbnailUrls.length;
-    const percentageEl = document.getElementById("loading-percentage");
 
     const preloadImages = thumbnailUrls.map((url) => {
       return new Promise((resolve) => {
@@ -63,7 +65,7 @@ const tracks = await getCollection("tracks");
 
     await Promise.all(preloadImages);
 
-    document.getElementById("loading-indicator").classList.add("hidden");
+    loadingIndicator.classList.add("hidden");
     tracksContainer.classList.remove("hidden");
   };