Various improvements and fixes

src/lib/components/SourceStats/RadarrStats.svelte

@@ -1,33 +1,49 @@
 <script lang="ts">
-	import { formatSize, log } from '$lib/utils.js';
-	import StatsPlaceholder from './StatsPlaceholder.svelte';
-	import StatsContainer from './StatsContainer.svelte';
+	import { PUBLIC_RADARR_BASE_URL } from '$env/static/public';
+	import { getDiskSpace } from '$lib/apis/radarr/radarrApi';
+	import { library } from '$lib/stores/library.store';
+	import { formatSize } from '$lib/utils.js';
 	import RadarrIcon from '../svgs/RadarrIcon.svelte';
+	import StatsContainer from './StatsContainer.svelte';
+	import StatsPlaceholder from './StatsPlaceholder.svelte';
 
 	export let large = false;
 
 	async function fetchStats() {
-		return fetch('/radarr/stats')
-			.then((res) => res.json())
-			.then(log)
-			.then((data) => ({
-				moviesAmount: data?.movies?.length
-			}));
+		const discSpacePromise = getDiskSpace();
+		const { movies } = await $library;
+		const availableMovies = movies.filter(
+			(movie) => !movie.download && movie.isAvailable && movie.hasFile
+		);
+
+		const diskSpaceInfo =
+			(await discSpacePromise).find((disk) => disk.path === '/') || (await discSpacePromise)[0];
+
+		const spaceOccupied = availableMovies.reduce((acc, movie) => acc + (movie.sizeOnDisk || 0), 0);
+
+		return {
+			moviesAmount: availableMovies.length,
+			spaceLeft: diskSpaceInfo.freeSpace || 0,
+			spaceOccupied,
+			spaceTotal: diskSpaceInfo.totalSpace || 0
+		};
 	}
 </script>
 
 {#await fetchStats()}
 	<StatsPlaceholder {large} />
-{:then { moviesAmount }}
+{:then { moviesAmount, spaceLeft, spaceOccupied, spaceTotal }}
 	<StatsContainer
 		{large}
 		title="Radarr"
 		subtitle="Movies Provider"
+		href={PUBLIC_RADARR_BASE_URL}
 		stats={[
 			{ title: 'Movies', value: String(moviesAmount) },
-			{ title: 'Space Taken', value: formatSize(120_000_000_000) },
-			{ title: 'Space Left', value: formatSize(50_000_000_000) }
+			{ title: 'Space Taken', value: formatSize(spaceOccupied) },
+			{ title: 'Space Left', value: formatSize(spaceLeft) }
 		]}
+		fillPercentage={((spaceTotal - spaceLeft) / spaceTotal) * 100}
 	>
 		<RadarrIcon slot="icon" class="absolute opacity-20 p-4 h-full inset-y-0 right-2" />
 	</StatsContainer>