From ec0bf7ed05ef5c08623aa8535a16210f869d275e Mon Sep 17 00:00:00 2001
From: derGraph <paulantongraf@gmail.com>
Date: Mon, 19 Aug 2024 18:31:02 +0200
Subject: [PATCH 1/2] remove unused Leaflet.css

---
 src/lib/Leaflet.css    | 0
 src/lib/Leaflet.svelte | 1 -
 2 files changed, 1 deletion(-)
 delete mode 100755 src/lib/Leaflet.css

diff --git a/src/lib/Leaflet.css b/src/lib/Leaflet.css
deleted file mode 100755
index e69de29..0000000
diff --git a/src/lib/Leaflet.svelte b/src/lib/Leaflet.svelte
index b3926e7..060465d 100755
--- a/src/lib/Leaflet.svelte
+++ b/src/lib/Leaflet.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import L from 'leaflet';
-	import 'leaflet/dist/leaflet.css';
 	import { onDestroy, onMount, setContext } from 'svelte';
 	import { modeCurrent } from '@skeletonlabs/skeleton';
 

From 47b85744ce3b19533a8a0239acba9c17ef06aebc Mon Sep 17 00:00:00 2001
From: derGraph <paulantongraf@gmail.com>
Date: Mon, 19 Aug 2024 20:23:18 +0200
Subject: [PATCH 2/2] fix error display for all

---
 src/lib/errorStore.js                        |  3 ++
 src/routes/+layout.svelte                    | 26 ++++++++++++++++++
 src/routes/sign_in/+page.svelte              | 23 ++++++----------
 src/routes/sign_up/+page.svelte              | 24 ++++++----------
 src/routes/user/[requestedUser]/+page.svelte | 29 ++------------------
 5 files changed, 49 insertions(+), 56 deletions(-)
 create mode 100644 src/lib/errorStore.js

diff --git a/src/lib/errorStore.js b/src/lib/errorStore.js
new file mode 100644
index 0000000..738498a
--- /dev/null
+++ b/src/lib/errorStore.js
@@ -0,0 +1,3 @@
+import { writable } from "svelte/store";
+
+export default writable(new Response());
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 001e1ae..e6f0af2 100755
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,6 +5,7 @@
 	import { Avatar } from '@skeletonlabs/skeleton';
 	import { setModeCurrent, setModeUserPrefers, modeCurrent } from '@skeletonlabs/skeleton';
 	import { onMount } from 'svelte';
+	import errorStore from '$lib/errorStore';
 	import { storePopup } from '@skeletonlabs/skeleton';
 
 	let navHeight = 2;
@@ -29,6 +30,10 @@
 		return 'htstps://upload.wikimedia.org/wikipedia/en/9/9a/Trollface_non-free.png';
 	}
 
+	function resetError() {
+		$errorStore = new Response();
+	}
+
 	$: user = data.user;
 	$: session = data.session;
 </script>
@@ -90,6 +95,27 @@
 			</AppBar>
 		</div>
 	</svelte:fragment>
+	{#if $errorStore.status && $errorStore.status != 200}
+		<div class="md:container md:mx-auto flex flex-row flex flex-col pt-3 rounded-t-3xl">
+			<aside class="alert variant-ghost-warning text-warning-400-500-token">
+				<div class="material-symbols-outlined">warning</div>
+				<div class="alert-message">
+					{#await $errorStore.json()}
+						<h3 class="h3">"Loading..."</h3>
+					{:then parsed}
+						<h3 class="h3">{$errorStore.status} {$errorStore.statusText}: {parsed.message}</h3>
+					{:catch parsingError}
+						<h3 class="h3">Error in response: {parsingError}</h3>
+					{/await}
+				</div>
+				<div class="alert-actions">
+					<button class="btn variant-filled-warning" on:click={resetError}>
+						<span>Ok</span>
+					</button>
+				</div>
+			</aside>
+		</div>
+	{/if}
 	<slot />
 	<svelte:fragment slot="pageFooter">
 		<div
diff --git a/src/routes/sign_in/+page.svelte b/src/routes/sign_in/+page.svelte
index 90ea6bc..5c559b0 100755
--- a/src/routes/sign_in/+page.svelte
+++ b/src/routes/sign_in/+page.svelte
@@ -1,27 +1,20 @@
 <script lang="ts">
+	import errorStore from '$lib/errorStore.js';
 	export let form;
 
-	function resetForm() {
-		form!.error = '';
+	$: if(form?.error){
+		$errorStore = new Response(JSON.stringify({
+			message: form.error
+		}), {
+			statusText: "Bad request!",
+			status: 400
+		});
 	}
 </script>
 
 <div class="md:container md:mx-auto py-3 rounded-3xl my-3 bg-surface-100-800-token">
 	<form method="post" class="md:mx-auto max-w-max space-y-3.5">
 		<h3 class="h3 md:mx-auto">Sign in!</h3>
-		{#if form?.error}
-			<aside class="alert variant-ghost-warning text-warning-400-500-token">
-				<div class="material-symbols-outlined">warning</div>
-				<div class="alert-message">
-					<h3 class="h3">{form?.error}</h3>
-				</div>
-				<div class="alert-actions">
-					<button class="btn variant-filled-warning" on:click={resetForm}>
-						<span>Ok</span>
-					</button>
-				</div>
-			</aside>
-		{/if}
 		<label class="label">
 			<span>Username/Email</span>
 			<input name="identifier" class="input" type="text" placeholder="Username/Email" required />
diff --git a/src/routes/sign_up/+page.svelte b/src/routes/sign_up/+page.svelte
index c5be100..4893929 100755
--- a/src/routes/sign_up/+page.svelte
+++ b/src/routes/sign_up/+page.svelte
@@ -1,27 +1,21 @@
 <script lang="ts">
+	import errorStore from '$lib/errorStore.js';
+
 	export let form;
 
-	function resetForm() {
-		form!.error = '';
+	$: if(form?.error){
+		$errorStore = new Response(JSON.stringify({
+			message: form.error
+		}), {
+			statusText: "Bad request!",
+			status: 400
+		});
 	}
 </script>
 
 <div class="md:container md:mx-auto py-3 rounded-3xl my-3 bg-surface-100-800-token">
 	<form method="post" class="md:mx-auto max-w-max space-y-3.5">
 		<h3 class="h3 md:mx-auto">Sign up!</h3>
-		{#if form?.error}
-			<aside class="alert variant-ghost-warning text-warning-400-500-token">
-				<div class="material-symbols-outlined">warning</div>
-				<div class="alert-message">
-					<h3 class="h3">{form?.error}</h3>
-				</div>
-				<div class="alert-actions">
-					<button class="btn variant-filled-warning" on:click={resetForm}>
-						<span>Ok</span>
-					</button>
-				</div>
-			</aside>
-		{/if}
 		<label class="label">
 			<span>Username</span>
 			<input name="username" class="input" type="text" placeholder="Username" required />
diff --git a/src/routes/user/[requestedUser]/+page.svelte b/src/routes/user/[requestedUser]/+page.svelte
index 9b4d953..f9d898b 100755
--- a/src/routes/user/[requestedUser]/+page.svelte
+++ b/src/routes/user/[requestedUser]/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { Avatar, ListBox } from '@skeletonlabs/skeleton';
 	import { onMount } from 'svelte';
+	import errorStore from '$lib/errorStore.js';
 	import Tiptap from '$lib/Tiptap/+Tiptap.svelte';
 
 	export let data;
@@ -9,8 +10,6 @@
 
 	$: requestedUserName = data.requestedUser;
 
-	let error = new Response();
-
 	let requestedUser = {
 		firstName: '',
 		lastName: '',
@@ -28,7 +27,7 @@
 					requestedUser.username = Object.keys(response_data)[0];
 				});
 			} else {
-				error = response;
+				$errorStore = response;
 			}
 		});
 	});
@@ -75,7 +74,7 @@
 				if (response_data.ok) {
 					return true;
 				} else {
-					error = response_data;
+					$errorStore = response_data;
 					return false;
 				}
 			})
@@ -84,32 +83,10 @@
 				return false;
 			});
 	};
-	function resetError() {
-		error = new Response();
-	}
 </script>
 
 <div class="md:container md:mx-auto py-3 h-full w-full flex flex-row">
 	<div class="flex flex-col w-full bg-surface-100-800-token rounded-3xl items-center">
-		{#if error.status && error.status != 200}
-			<aside class="alert variant-ghost-warning text-warning-400-500-token">
-				<div class="material-symbols-outlined">warning</div>
-				<div class="alert-message">
-					{#await error.json()}
-						<h3 class="h3">"Loading..."</h3>
-					{:then parsed}
-						<h3 class="h3">{error.status} {error.statusText}: {parsed.message}</h3>
-					{:catch parsingError}
-						<h3 class="h3">Error in response: {parsingError}</h3>
-					{/await}
-				</div>
-				<div class="alert-actions">
-					<button class="btn variant-filled-warning" on:click={resetError}>
-						<span>Ok</span>
-					</button>
-				</div>
-			</aside>
-		{/if}
 		{#if requestedUser.firstName && requestedUser.lastName}
 			<Avatar
 				initials={getInitials(requestedUser)}