diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 390e38b..797cd4a 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -5,11 +5,20 @@ import ToolBar from "$lib/ToolBar.svelte"; import { settings, loadSettings } from '$lib/stores/settings'; import { scanPlaylists, type Playlist } from '$lib/library/scanner'; + import { downloadQueue } from '$lib/stores/downloadQueue'; let { children } = $props(); let playlists = $state([]); + // Count active downloads (queued or downloading) + let activeDownloads = $derived( + $downloadQueue.queueOrder.filter(id => { + const item = $downloadQueue.queue[id]; + return item && (item.status === 'queued' || item.status === 'downloading'); + }).length + ); + onMount(async () => { await loadSettings(); await loadPlaylists(); @@ -46,7 +55,7 @@ - Downloads + Downloads{#if activeDownloads > 0} ({activeDownloads}){/if}