feat(list): use last size as skeleton size

1 files changed, 16 insertions, 2 deletions

diff --git a/src/lib/List/Anime/AnimeListTemplate.svelte b/src/lib/List/Anime/AnimeListTemplate.svelte
index c0314727..8b52e324 100644
--- a/src/lib/List/Anime/AnimeListTemplate.svelte
+++ b/src/lib/List/Anime/AnimeListTemplate.svelte
@@ -10,6 +10,8 @@
 	import type { SubsPlease } from '$lib/Media/Anime/Airing/Subtitled/subsPlease';
 	import root from '$lib/Utility/root';
 	import PlaceholderList from './PlaceholderList.svelte';
+	import { browser } from '$app/environment';
+	import { onMount } from 'svelte';
 
 	export let endTime: number;
 	export let cleanMedia: (
@@ -30,10 +32,22 @@
 	let lastUpdatedMedia = -1;
 	let previousAnimeList: Media[];
 	let pendingUpdate: number | null = null;
+	let lastListSize = 8;
+
+	onMount(() => {
+		if (browser) {
+			const lastStoredList = localStorage.getItem(
+				`last${
+					notYetReleased ? 'NotYetReleased' : upcoming ? 'Upcoming' : completed ? 'Completed' : ''
+				}AnimeListLength`
+			);
+			if (lastStoredList) lastListSize = parseInt(lastStoredList);
+		}
+	});
 </script>
 
 {#await fetch(root(`/api/subsplease?tz=${Intl.DateTimeFormat().resolvedOptions().timeZone}`)).then( (r) => r.json() )}
-	<PlaceholderList {title} />
+	<PlaceholderList count={lastListSize} {title} />
 {:then subsPlease}
 	{#await animeLists}
 		{#if previousAnimeList}
@@ -52,7 +66,7 @@
 				bind:pendingUpdate
 			/>
 		{:else}
-			<PlaceholderList {title} />
+			<PlaceholderList count={lastListSize} {title} />
 		{/if}
 	{:then media}
 		<CleanAnimeList