From 8c112b1095d105ceed3c193d2cdf9569325024e2 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 24 Jan 2024 21:54:25 -0800
Subject: feat(schedule): skeleton loading

---
 src/routes/schedule/+page.svelte | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/schedule/+page.svelte b/src/routes/schedule/+page.svelte
index 1ca72d3d..a574724e 100644
--- a/src/routes/schedule/+page.svelte
+++ b/src/routes/schedule/+page.svelte
@@ -14,6 +14,7 @@
 	import Days from '$lib/Schedule/Days.svelte';
 	import settings from '$stores/settings';
 	import root from '$lib/Utility/root';
+	import Skeleton from '$lib/Skeleton.svelte';
 
 	let subsPleasePromise: Promise<SubsPlease>;
 	let scheduledMediaPromise: Promise<Partial<Media[]>>;
@@ -62,10 +63,18 @@
 
 {#await subsPleasePromise}
 	<Loading type="subtitle release data" percent={49.5} />
+
+	<p />
+
+	<Skeleton grid={true} count={100} />
 {:then subsPlease}
 	{#if subsPlease}
 		{#await scheduledMediaPromise}
 			<Loading type="anime schedule" percent={82.5} />
+
+			<p />
+
+			<Skeleton grid={true} count={100} />
 		{:then scheduledMedia}
 			{#if scheduledMedia}
 				{@const columnCount = Math.ceil(Object.keys(subsPlease.schedule).length / 2)}
@@ -83,11 +92,11 @@
 				<Loading type="anime schedule" percent={66} />
 			{/if}
 		{:catch}
-			<Error type="Media" loginSessionError={false} card />
+			<Error type="Media" loginSessionError={false} card list={false} />
 		{/await}
 	{:else}
 		<Loading type="subtitle release data" percent={33} />
 	{/if}
 {:catch}
-	<Error type="Schedule" loginSessionError={false} card />
+	<Error type="Schedule" loginSessionError={false} card list={false} />
 {/await}
-- 
cgit v1.2.3