From 28c5430dc6700a201f198b2a8be882b5e9d9b926 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 24 Jan 2024 23:58:17 -0800
Subject: feat(list): list style skeleton loading

---
 src/lib/List/Manga/MangaListTemplate.svelte | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'src/lib/List/Manga')

diff --git a/src/lib/List/Manga/MangaListTemplate.svelte b/src/lib/List/Manga/MangaListTemplate.svelte
index b7dd1f6f..1fa85a5c 100644
--- a/src/lib/List/Manga/MangaListTemplate.svelte
+++ b/src/lib/List/Manga/MangaListTemplate.svelte
@@ -15,6 +15,7 @@
 	import { incrementMediaProgress } from '$lib/Media/Anime/cache';
 	import { getNotificationsContext } from 'svelte-notifications';
 	import { options } from '$lib/Notification/options';
+	import Skeleton from '$lib/Skeleton.svelte';
 
 	export let user: AniListAuthorisation;
 	export let identity: UserIdentity;
@@ -230,6 +231,8 @@
 		{/if}
 
 		<ul><li>Loading {progress.toFixed(0)}% ...</li></ul>
+
+		<Skeleton card={false} count={5} height="0.9rem" list />
 	{/if}
 {:then media}
 	{#await cleanMedia(media, displayUnresolved, forceFlag)}
@@ -265,6 +268,8 @@
 			{/if}
 
 			<ul><li>Loading {progress.toFixed(0)}% ...</li></ul>
+
+			<Skeleton card={false} count={5} height="0.9rem" list />
 		{/if}
 	{:then cleanedMedia}
 		{#if !authorised}
-- 
cgit v1.2.3