From 454aaa48be0c8b1d9043deb257164be043539c31 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Fri, 22 Dec 2023 20:57:26 -0800
Subject: feat(schedule): better loading message

---
 src/routes/schedule/+page.svelte | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/routes/schedule/+page.svelte b/src/routes/schedule/+page.svelte
index 51bc863d..4e03f7c0 100644
--- a/src/routes/schedule/+page.svelte
+++ b/src/routes/schedule/+page.svelte
@@ -85,28 +85,28 @@
 		media ? media.title.english || media.title.romaji || media.title.native : null;
 </script>
 
+<blockquote>
+	<select
+		bind:value={timeZone}
+		on:change={() =>
+			(subsPleasePromise = fetch(`/api/subsplease?tz=${timeZone}`).then((r) => r.json()))}
+	>
+		{#each Intl.supportedValuesOf('timeZone') as zone}
+			<option value={zone}>
+				{zone.split('/').reverse().join(', ').replace(/_/g, ' ')}
+			</option>
+		{/each}
+	</select>
+</blockquote>
+
 {#await subsPleasePromise}
-	Loading ...
+	Loading subtitle release data ... 33%
 {:then subsPlease}
 	{#if subsPlease}
 		{#await scheduledMediaPromise}
-			Loading ...
+			Loading anime schedule ... 66%
 		{:then scheduledMedia}
 			{#if scheduledMedia}
-				<blockquote>
-					<select
-						bind:value={timeZone}
-						on:change={() =>
-							(subsPleasePromise = fetch(`/api/subsplease?tz=${timeZone}`).then((r) => r.json()))}
-					>
-						{#each Intl.supportedValuesOf('timeZone') as zone}
-							<option value={zone}>
-								{zone.split('/').reverse().join(', ').replace(/_/g, ' ')}
-							</option>
-						{/each}
-					</select>
-				</blockquote>
-
 				<div id="list-container">
 					{#each Object.entries(shiftSubsPleaseSchedule(subsPlease.schedule)) as [day, scheduleEntry]}
 						<details
@@ -171,13 +171,13 @@
 					{/each}
 				</div>
 			{:else}
-				Loading ...
+				Loading anime schedule ... 82.5%
 			{/if}
 		{:catch}
 			<Error type="Media" loginSessionError={false} />
 		{/await}
 	{:else}
-		Loading ...
+		Loading subtitle release data ... 49.5%
 	{/if}
 {:catch}
 	<Error type="Schedule" loginSessionError={false} />
-- 
cgit v1.2.3