thohlt/thiloho.github.io
1
0
Fork 0
mirror of https://github.com/thiloho/thiloho.github.io.git synced 2026-01-11 21:04:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix tracks loading script

Browse Source
This commit is contained in:
thiloho
2025-12-29 20:21:19 +01:00
parent 2f7392e7ff
commit 90d8ec0a2c
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/tracks.astro
View File

@@ -31,6 +31,11 @@ const tracks = await getCollection("tracks");
<script is:inline define:vars={{ tracks }}> <script is:inline define:vars={{ tracks }}>
const loadThumbnails = async () => { const loadThumbnails = async () => {
const tracksContainer = document.getElementById("tracks-container");
if (!tracksContainer) {
return;
}
const thumbnailUrls = tracks.map(({ data: { youtubeLink } }) => { const thumbnailUrls = tracks.map(({ data: { youtubeLink } }) => {
const videoId = youtubeLink.split("v=")[1]; const videoId = youtubeLink.split("v=")[1];
return `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`; return `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;
@@ -59,7 +64,7 @@ const tracks = await getCollection("tracks");
await Promise.all(preloadImages); await Promise.all(preloadImages);
document.getElementById("loading-indicator").classList.add("hidden"); document.getElementById("loading-indicator").classList.add("hidden");
document.getElementById("tracks-container").classList.remove("hidden"); tracksContainer.classList.remove("hidden");
}; };
loadThumbnails(); loadThumbnails();