From 2f7dc52345f73a7dcebb55e5c136dbcc5470a5ca Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 13 Feb 2024 10:08:47 -0800
Subject: refactor(message): with reload flag

---
 src/lib/Loading/Message.svelte               |  5 +++++
 src/routes/events/group/[group]/+page.svelte | 15 +++------------
 src/routes/events/groups/+page.svelte        | 10 ++--------
 3 files changed, 10 insertions(+), 20 deletions(-)

(limited to 'src')

diff --git a/src/lib/Loading/Message.svelte b/src/lib/Loading/Message.svelte
index c16e481f..7f296cdc 100644
--- a/src/lib/Loading/Message.svelte
+++ b/src/lib/Loading/Message.svelte
@@ -8,6 +8,7 @@
 	export let loader: 'ellipsis' | 'ripple' | 'grid' = 'ellipsis';
 	export let colour = 'var(--fg)';
 	export let slot = false;
+	export let withReload = false;
 </script>
 
 <Popup fullscreen locked>
@@ -28,6 +29,10 @@
 			<br />
 
 			<slot />
+
+			{#if withReload}
+				Please <a href={'#'} on:click={() => location.reload()}>try again</a> later.
+			{/if}
 		{/if}
 	</div>
 </Popup>
diff --git a/src/routes/events/group/[group]/+page.svelte b/src/routes/events/group/[group]/+page.svelte
index dded5b4c..8bf3fc2d 100644
--- a/src/routes/events/group/[group]/+page.svelte
+++ b/src/routes/events/group/[group]/+page.svelte
@@ -82,28 +82,19 @@
 								{/each}
 							{/if}
 						{:catch}
-							<Message message="" loader="ripple" slot>
-								Error parsing events. Please
-								<a href={'#'} on:click={() => location.reload()}>try again</a> later.
-							</Message>
+							<Message message="" loader="ripple" slot withReload>Error parsing events.</Message>
 						{/await}
 					{/await}
 				</details>
 			{/if}
 		{:catch}
-			<Message message="" loader="ripple" slot>
-				Error parsing group. Please
-				<a href={'#'} on:click={() => location.reload()}>try again</a> later.
-			</Message>
+			<Message message="" loader="ripple" slot withReload>Error parsing group.</Message>
 		{/await}
 	{:else}
 		<Message message="Parsing groups ..." />
 	{/if}
 {:catch}
-	<Message message="" loader="ripple" slot>
-		Error loading group. Please
-		<a href={'#'} on:click={() => location.reload()}>try again</a> later.
-	</Message>
+	<Message message="" loader="ripple" slot withReload>Error loading group.</Message>
 {/await}
 
 <style>
diff --git a/src/routes/events/groups/+page.svelte b/src/routes/events/groups/+page.svelte
index 80842d34..b2a5df6b 100644
--- a/src/routes/events/groups/+page.svelte
+++ b/src/routes/events/groups/+page.svelte
@@ -31,17 +31,11 @@
 				{/each}
 			</ul>
 		{:catch}
-			<Message message="" loader="ripple" slot>
-				Error parsing groups. Please
-				<a href={'#'} on:click={() => location.reload()}>try again</a> later.
-			</Message>
+			<Message message="" loader="ripple" slot withReload>Error parsing groups.</Message>
 		{/await}
 	{:else}
 		<Message message="Parsing groups ..." />
 	{/if}
 {:catch}
-	<Message message="" loader="ripple" slot>
-		Error loading groups. Please
-		<a href={'#'} on:click={() => location.reload()}>try again</a> later.
-	</Message>
+	<Message message="" loader="ripple" slot withReload>Error loading groups.</Message>
 {/await}
-- 
cgit v1.2.3