From 2be4879072c637e891c0f944d11568c4129bda79 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 7 Feb 2024 02:42:38 -0800
Subject: feat(hololive): add try again button

---
 src/lib/Loading/Message.svelte   | 5 +++++
 src/routes/hololive/+page.svelte | 8 ++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/lib/Loading/Message.svelte b/src/lib/Loading/Message.svelte
index 247ad3b3..c16e481f 100644
--- a/src/lib/Loading/Message.svelte
+++ b/src/lib/Loading/Message.svelte
@@ -7,6 +7,7 @@
 	export let message: string | undefined = undefined;
 	export let loader: 'ellipsis' | 'ripple' | 'grid' = 'ellipsis';
 	export let colour = 'var(--fg)';
+	export let slot = false;
 </script>
 
 <Popup fullscreen locked>
@@ -23,6 +24,10 @@
 			<br />
 
 			{message}
+		{:else if slot}
+			<br />
+
+			<slot />
 		{/if}
 	</div>
 </Popup>
diff --git a/src/routes/hololive/+page.svelte b/src/routes/hololive/+page.svelte
index 26fb7537..1dd05905 100644
--- a/src/routes/hololive/+page.svelte
+++ b/src/routes/hololive/+page.svelte
@@ -97,7 +97,9 @@
 				{/each}
 			</div>
 		{:catch}
-			<Message message="Could not parse schedule. Please try again later." loader="ripple" />
+			<Message message="" loader="ripple" slot>
+				Could not parse schedule. Please <a href={'#'} on:click={location.reload}>try again</a> later.
+			</Message>
 		{/await}
 	{:else}
 		<Message message="Loading schedule ..." />
@@ -105,7 +107,9 @@
 		<Skeleton grid={true} count={100} width="49%" height="16.25em" />
 	{/if}
 {:catch}
-	<Message message="Could not load schedule. Please try again later." loader="ripple" />
+	<Message message="" loader="ripple" slot>
+		Could not load schedule. Please <a href={'#'} on:click={location.reload}>try again</a> later.
+	</Message>
 {/await}
 
 <style lang="scss">
-- 
cgit v1.2.3