aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Manga/MangaListTemplate.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-01-30 21:36:08 -0800
committerFuwn <[email protected]>2024-01-30 21:36:08 -0800
commit0857b21a413eb2d6679e301abc9f2344cdfca3df (patch)
tree7799e6ef762aa065bd3d22ff8bd8d3887c4932c0 /src/lib/List/Manga/MangaListTemplate.svelte
parentfeat(loading): grid loader (diff)
downloaddue.moe-0857b21a413eb2d6679e301abc9f2344cdfca3df.tar.xz
due.moe-0857b21a413eb2d6679e301abc9f2344cdfca3df.zip
feat(list): use last size as skeleton size
Diffstat (limited to 'src/lib/List/Manga/MangaListTemplate.svelte')
-rw-r--r--src/lib/List/Manga/MangaListTemplate.svelte12
1 files changed, 10 insertions, 2 deletions
diff --git a/src/lib/List/Manga/MangaListTemplate.svelte b/src/lib/List/Manga/MangaListTemplate.svelte
index e91c809d..f9cd6124 100644
--- a/src/lib/List/Manga/MangaListTemplate.svelte
+++ b/src/lib/List/Manga/MangaListTemplate.svelte
@@ -17,6 +17,7 @@
import { options } from '$lib/Notification/options';
import Skeleton from '$lib/Skeleton.svelte';
import locale from '$stores/locale';
+ import { browser } from '$app/environment';
export let user: AniListAuthorisation;
export let identity: UserIdentity;
@@ -34,6 +35,7 @@
let progress = 0;
let rateLimited = false;
let forceFlag = false;
+ let lastListSize = 5;
const keyCacher = setInterval(() => {
startTime = performance.now();
@@ -44,6 +46,12 @@
}, $settings.cacheMinutes * 1000 * 60);
onMount(async () => {
+ if (browser) {
+ const lastStoredList = localStorage.getItem(`last${due ? '' : 'Completed'}MangaListLength`);
+
+ if (lastStoredList) lastListSize = parseInt(lastStoredList);
+ }
+
startTime = performance.now();
mangaLists = mediaListCollection(user, identity, Type.Manga, $manga, $lastPruneTimes.manga, {
addNotification
@@ -229,7 +237,7 @@
<ListTitle {progress} title={$locale().lists.due.mangaAndLightNovels} />
{/if}
- <Skeleton card={false} count={5} height="0.9rem" list />
+ <Skeleton card={false} count={lastListSize} height="0.9rem" list />
{/if}
{:then media}
{#await cleanMedia(media, displayUnresolved, forceFlag)}
@@ -262,7 +270,7 @@
<ListTitle {progress} title={$locale().lists.due.mangaAndLightNovels} />
{/if}
- <Skeleton card={false} count={5} height="0.9rem" list />
+ <Skeleton card={false} count={lastListSize} height="0.9rem" list />
{/if}
{:then cleanedMedia}
{#if !authorised}