From 2eb7a64c462095f82bc56cd688157543ac0458e3 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 30 Jan 2024 20:59:06 -0800
Subject: feat: more fancy loaders

---
 src/routes/schedule/+page.svelte    | 9 +++++++++
 src/routes/user/[user]/+page.svelte | 3 +++
 2 files changed, 12 insertions(+)

(limited to 'src/routes')

diff --git a/src/routes/schedule/+page.svelte b/src/routes/schedule/+page.svelte
index 44a4fd2d..1ef33414 100644
--- a/src/routes/schedule/+page.svelte
+++ b/src/routes/schedule/+page.svelte
@@ -14,6 +14,7 @@
 	import settings from '$stores/settings';
 	import root from '$lib/Utility/root';
 	import Skeleton from '$lib/Skeleton.svelte';
+	import Message from '$lib/Loading/Message.svelte';
 
 	let subsPleasePromise: Promise<SubsPlease>;
 	let scheduledMediaPromise: Promise<Partial<Media[]>>;
@@ -61,10 +62,14 @@
 <p />
 
 {#await subsPleasePromise}
+	<Message message="Loading subtitle schedule ..." />
+
 	<Skeleton grid={true} count={7} height="15em" width="49.5%" />
 {:then subsPlease}
 	{#if subsPlease}
 		{#await scheduledMediaPromise}
+			<Message message="Loading schedule ..." />
+
 			<Skeleton grid={true} count={7} height="15em" width="49.5%" />
 		{:then scheduledMedia}
 			{#if scheduledMedia}
@@ -80,12 +85,16 @@
 					<Days {subsPlease} {scheduledMedia} {forceListMode} />
 				</div>
 			{:else}
+				<Message message="Loading schedule ..." />
+
 				<Skeleton grid={true} count={7} height="15em" width="49.5%" />
 			{/if}
 		{:catch}
 			<Error type="Media" loginSessionError={false} card list={false} />
 		{/await}
 	{:else}
+		<Message message="Loading subtitle schedule ..." />
+
 		<Skeleton grid={true} count={7} height="15em" width="49.5%" />
 	{/if}
 {:catch}
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index 67cb480f..40695f03 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { user, type User } from '$lib/AniList/user';
 	import HeadTitle from '$lib/Home/HeadTitle.svelte';
+	import Message from '$lib/Loading/Message.svelte';
 	import { estimatedDayReading } from '$lib/Media/Manga/time';
 	import Skeleton from '$lib/Skeleton.svelte';
 	import root from '$lib/Utility/root.js';
@@ -41,6 +42,8 @@
 
 		Does this user exist?
 	{:else if userData === undefined}
+		<Message />
+
 		<Skeleton card={false} count={1} height="224px" />
 	{:else}
 		<div
-- 
cgit v1.2.3