From a425a29347f8a80d475ba25eb9cca3b38158443b Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 25 Jan 2024 08:51:16 -0800
Subject: feat: move everything to skeletion loading ui

---
 src/lib/List/Anime/AnimeListTemplate.svelte | 4 ----
 src/lib/List/Manga/CleanMangaList.svelte    | 6 +++---
 2 files changed, 3 insertions(+), 7 deletions(-)

(limited to 'src/lib/List')

diff --git a/src/lib/List/Anime/AnimeListTemplate.svelte b/src/lib/List/Anime/AnimeListTemplate.svelte
index e6f942f8..9e95267b 100644
--- a/src/lib/List/Anime/AnimeListTemplate.svelte
+++ b/src/lib/List/Anime/AnimeListTemplate.svelte
@@ -35,8 +35,6 @@
 {#await fetch(root(`/api/subsplease?tz=${Intl.DateTimeFormat().resolvedOptions().timeZone}`)).then( (r) => r.json() )}
 	<ListTitle {title} />
 
-	<!-- <ul><li>Loading subtitle release data ... 33%</li></ul> -->
-
 	<Skeleton
 		card={false}
 		count={8}
@@ -66,8 +64,6 @@
 		{:else}
 			<ListTitle {title} />
 
-			<!-- <ul><li>Loading anime lists ... 66%</li></ul> -->
-
 			<Skeleton
 				card={false}
 				count={8}
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index e14e03f0..399ae68e 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -15,9 +15,9 @@
 	} from '$lib/Media/Cover/hoverCover';
 	import { onMount } from 'svelte';
 	import proxy from '$lib/Utility/proxy';
-	import Loading from '$lib/Utility/Loading.svelte';
 	import root from '$lib/Utility/root';
 	import locale from '$stores/locale';
+	import Skeleton from '$lib/Skeleton.svelte';
 
 	export let media: Media[];
 	export let cleanCache: () => void;
@@ -58,7 +58,7 @@
 
 {#if rateLimited}
 	{#await serviceStatusResponse}
-		<Loading type="service status" percent={33} card={false} />
+		<Skeleton card={false} count={1} height="0.9rem" list />
 	{:then status}
 		{#if status}
 			{#if status.status === 503}
@@ -71,7 +71,7 @@
 				<Error />
 			{/if}
 		{:else}
-			<Loading type="service status" percent={66} card={false} />
+			<Skeleton card={false} count={1} height="0.9rem" list />
 		{/if}
 	{:catch}
 		<a href="https://due.moe">due.moe</a>'s manga data source is currently unreachable. Please check
-- 
cgit v1.2.3