From 76c7fd41bdd86723cd9170fe41fe6e08027dae71 Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Fri, 27 Sep 2024 16:54:47 +0200
Subject: [PATCH 01/15] add forgotpassword page

---
 .../lib/components/UserForgotPassword.svelte  | 74 +++++++++++++++++++
 .../routes/userLand/lostPassword/+page.svelte |  5 ++
 2 files changed, 79 insertions(+)
 create mode 100644 frontend/src/lib/components/UserForgotPassword.svelte

diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
new file mode 100644
index 00000000..682d41ee
--- /dev/null
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -0,0 +1,74 @@
+<script lang="ts">
+	import { base } from '$app/paths';
+	import AlertMessage from '$lib/components//AlertMessage.svelte';
+	import DataInput from '$lib/components/DataInput/DataInput.svelte';
+	import { Button, Card, Heading, Input } from 'flowbite-svelte';
+
+	const heading = 'Password vergessen?';
+	const data = [
+		{
+			component: Input,
+			type: 'text',
+			value: null,
+			props: {
+				placeholder: 'Bitte geben sie eine E-mail Adresse an um ihr Passwort zu erneuern'
+			}
+		}
+	];
+	const alertMessage = 'Die angegebene email Adresse hat ein falsches Format';
+	const alertTitle = 'Fehler';
+	let valid: boolean = true;
+	let showAlert: boolean = !valid;
+
+	function validateEmail(value: string): boolean {
+		const mailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+		return mailRegex.test(value) && value !== null;
+	}
+</script>
+
+{#if showAlert}
+	<AlertMessage
+		title={alertTitle}
+		message={alertMessage}
+		lastpage={`${base}/userLand/lostPassword`}
+		onclick={() => {
+			showAlert = false;
+		}}
+	/>
+{/if}
+
+<div class="container m-1 mx-auto w-full max-w-xl">
+	<Card class="container m-1 mx-auto mb-6 w-full max-w-xl pb-6">
+		{#if heading}
+			<Heading
+				tag="h3"
+				class="m-1 mb-3 p-1 text-center font-bold tracking-tight text-gray-700 dark:text-gray-400"
+				>{heading}</Heading
+			>
+		{/if}
+
+		<div class="m-1 m-3 mx-auto w-full flex-col space-y-6">
+			{#each data as element}
+				<DataInput
+					component={element.component}
+					label={element.props.label}
+					bind:value={element.value}
+					properties={element.props}
+					eventHandlers={{
+						'on:change': element.onchange,
+						'on:blur': element.onblur,
+						'on:click': element.onclick
+					}}
+				/>
+			{/each}
+		</div>
+
+		<Button
+			size="md"
+			on:click={(event) => {
+				valid = validateEmail(data[0].value);
+				showAlert = !valid;
+			}}>Absenden</Button
+		>
+	</Card>
+</div>
diff --git a/frontend/src/routes/userLand/lostPassword/+page.svelte b/frontend/src/routes/userLand/lostPassword/+page.svelte
index e69de29b..8e424da9 100644
--- a/frontend/src/routes/userLand/lostPassword/+page.svelte
+++ b/frontend/src/routes/userLand/lostPassword/+page.svelte
@@ -0,0 +1,5 @@
+<script>
+	import UserForgotPassword from '$lib/components/UserForgotPassword.svelte';
+</script>
+
+<UserForgotPassword />

From 22a4e019b42d2e1290d92ef74476a8eaa68d8b9c Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Fri, 27 Sep 2024 17:02:27 +0200
Subject: [PATCH 02/15] add validation

---
 .../lib/components/UserForgotPassword.svelte  | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index 682d41ee..de1bc3eb 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -4,7 +4,7 @@
 	import DataInput from '$lib/components/DataInput/DataInput.svelte';
 	import { Button, Card, Heading, Input } from 'flowbite-svelte';
 
-	const heading = 'Password vergessen?';
+	const heading = 'Passwort vergessen?';
 	const data = [
 		{
 			component: Input,
@@ -15,7 +15,7 @@
 			}
 		}
 	];
-	const alertMessage = 'Die angegebene email Adresse hat ein falsches Format';
+	let alertMessage = 'Die angegebene email Adresse hat ein falsches Format';
 	const alertTitle = 'Fehler';
 	let valid: boolean = true;
 	let showAlert: boolean = !valid;
@@ -24,6 +24,26 @@
 		const mailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 		return mailRegex.test(value) && value !== null;
 	}
+
+	async function submitData(mailstring: string): Promise<void> {
+		try {
+			const response = await fetchDummy('api/forgot-password', {
+				method: 'POST',
+				headers: {
+					'Content-Type': 'application/json'
+				},
+				body: JSON.stringify(mailstring)
+			});
+
+			if (!response.ok) {
+				throw new Error('Network error');
+			}
+		} catch (error) {
+			console.log(error);
+			showAlert = true;
+			alertMessage = 'Beim Senden ist ein Fehler aufgetreten';
+		}
+	}
 </script>
 
 {#if showAlert}
@@ -68,6 +88,9 @@
 			on:click={(event) => {
 				valid = validateEmail(data[0].value);
 				showAlert = !valid;
+				if (valid) {
+					submitData(data[0].value);
+				}
 			}}>Absenden</Button
 		>
 	</Card>

From 60f042d4fc36039532294fbfad3d41387333f928 Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Fri, 27 Sep 2024 17:17:18 +0200
Subject: [PATCH 03/15] add success and failure handling

---
 .../lib/components/UserForgotPassword.svelte  | 91 +++++++++++--------
 1 file changed, 55 insertions(+), 36 deletions(-)

diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index de1bc3eb..96c68112 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -1,30 +1,39 @@
 <script lang="ts">
+	import { goto } from '$app/navigation';
 	import { base } from '$app/paths';
-	import AlertMessage from '$lib/components//AlertMessage.svelte';
+	import AlertMessage from '$lib/components/AlertMessage.svelte';
 	import DataInput from '$lib/components/DataInput/DataInput.svelte';
 	import { Button, Card, Heading, Input } from 'flowbite-svelte';
 
 	const heading = 'Passwort vergessen?';
-	const data = [
-		{
-			component: Input,
-			type: 'text',
-			value: null,
-			props: {
-				placeholder: 'Bitte geben sie eine E-mail Adresse an um ihr Passwort zu erneuern'
-			}
+	const maildata = {
+		component: Input,
+		type: 'text',
+		value: null,
+		props: {
+			placeholder: 'Bitte geben sie eine E-mail Adresse an um ihr Passwort zu erneuern'
 		}
-	];
-	let alertMessage = 'Die angegebene email Adresse hat ein falsches Format';
-	const alertTitle = 'Fehler';
+	};
+	const successButtonLabel: string = 'Zurück zur Startseite';
+	const pendingButtonLabel: string = 'Absenden';
+	const mailSentMessage: string = 'Überprüfen sie ihr e-mail Postfach';
+	const alertTitle: string = 'Fehler';
+	let alertMessage: string = 'Die angegebene email Adresse hat ein falsches Format';
 	let valid: boolean = true;
 	let showAlert: boolean = !valid;
+	let showSuccess: boolean = false;
 
 	function validateEmail(value: string): boolean {
 		const mailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 		return mailRegex.test(value) && value !== null;
 	}
 
+	function fetchDummy(endpoint: string, data: any): any {
+		return {
+			ok: true
+		};
+	} // README: this is a dummy. Needs to be replaced with real backend call later
+
 	async function submitData(mailstring: string): Promise<void> {
 		try {
 			const response = await fetchDummy('api/forgot-password', {
@@ -37,6 +46,8 @@
 
 			if (!response.ok) {
 				throw new Error('Network error');
+			} else {
+				showSuccess = true;
 			}
 		} catch (error) {
 			console.log(error);
@@ -58,7 +69,7 @@
 {/if}
 
 <div class="container m-1 mx-auto w-full max-w-xl">
-	<Card class="container m-1 mx-auto mb-6 w-full max-w-xl pb-6">
+	<Card class="container m-1 mx-auto mb-6 w-full max-w-xl items-center  justify-center pb-6 ">
 		{#if heading}
 			<Heading
 				tag="h3"
@@ -66,32 +77,40 @@
 				>{heading}</Heading
 			>
 		{/if}
-
-		<div class="m-1 m-3 mx-auto w-full flex-col space-y-6">
-			{#each data as element}
+		{#if showSuccess === false}
+			<div class="m-1 m-3 mx-auto w-full flex-col space-y-6">
 				<DataInput
-					component={element.component}
-					label={element.props.label}
-					bind:value={element.value}
-					properties={element.props}
+					component={maildata.component}
+					label={maildata.props.label}
+					bind:value={maildata.value}
+					properties={maildata.props}
 					eventHandlers={{
-						'on:change': element.onchange,
-						'on:blur': element.onblur,
-						'on:click': element.onclick
+						'on:change': maildata.onchange,
+						'on:blur': maildata.onblur,
+						'on:click': maildata.onclick
 					}}
 				/>
-			{/each}
-		</div>
-
-		<Button
-			size="md"
-			on:click={(event) => {
-				valid = validateEmail(data[0].value);
-				showAlert = !valid;
-				if (valid) {
-					submitData(data[0].value);
-				}
-			}}>Absenden</Button
-		>
+			</div>
+			<Button
+				size="md"
+				on:click={(event) => {
+					valid = validateEmail(maildata.value);
+					showAlert = !valid;
+					if (valid) {
+						submitData(maildata.value);
+					}
+				}}>{pendingButtonLabel}</Button
+			>
+		{:else}
+			<div class="m-1 m-3 mx-auto w-full flex-col space-y-6">
+				<p class=" items-center justify-center">{mailSentMessage}</p>
+			</div>
+			<Button
+				size="md"
+				on:click={(event) => {
+					goto(`${base}/`);
+				}}>{successButtonLabel}</Button
+			>
+		{/if}
 	</Card>
 </div>

From 4c7d653504bad1184a8e30ae0b912307e32b54f4 Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Mon, 14 Oct 2024 10:54:48 +0200
Subject: [PATCH 04/15] remove debug code, change styling and organization of
 forgot password

---
 .../components/ChildrenRegistration.svelte    |  1 -
 .../DataDisplay/GalleryDisplay.svelte         |  4 +-
 .../lib/components/UserForgotPassword.svelte  | 70 ++++++++++---------
 3 files changed, 39 insertions(+), 36 deletions(-)

diff --git a/frontend/src/lib/components/ChildrenRegistration.svelte b/frontend/src/lib/components/ChildrenRegistration.svelte
index 8758c4cc..30e00c68 100644
--- a/frontend/src/lib/components/ChildrenRegistration.svelte
+++ b/frontend/src/lib/components/ChildrenRegistration.svelte
@@ -59,7 +59,6 @@
 		{
 			label: 'Abschließen',
 			onclick: async () => {
-				console.log('build shit');
 				const childData = buildDataToSend(data);
 				const required = buildRequired(data);
 				const verified = await verifyInput(childData, required);
diff --git a/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte b/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
index ee44582a..fad805d1 100644
--- a/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
+++ b/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
@@ -41,8 +41,6 @@
 		const index = data.indexOf(item);
 		return componentProps[index];
 	});
-
-	$: console.log('data in gallery: ', data);
 </script>
 
 <div class="mx-auto p-4">
@@ -63,7 +61,7 @@
 				<!-- after example: https://flowbite-svelte.com/docs/forms/search-input#Search_with_dropdown -->
 				<div class="relative">
 					<Button
-						class="h-full whitespace-nowrap rounded-e-none border border-e-0 border-primary-700"
+						class="border-primary-700 h-full whitespace-nowrap rounded-e-none border border-e-0"
 					>
 						{searchCategory}
 						<ChevronDownOutline class="ms-2.5 h-2.5 w-2.5" />
diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index 96c68112..83a8d81e 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -16,7 +16,8 @@
 	};
 	const successButtonLabel: string = 'Zurück zur Startseite';
 	const pendingButtonLabel: string = 'Absenden';
-	const mailSentMessage: string = 'Überprüfen sie ihr e-mail Postfach';
+
+	const mailSentMessage: string = 'Überprüfen sie ihr E-Mail Postfach';
 	const alertTitle: string = 'Fehler';
 	let alertMessage: string = 'Die angegebene email Adresse hat ein falsches Format';
 	let valid: boolean = true;
@@ -34,6 +35,7 @@
 		};
 	} // README: this is a dummy. Needs to be replaced with real backend call later
 
+	// FIXME: check how this is done with the current API. needs to be integrated.
 	async function submitData(mailstring: string): Promise<void> {
 		try {
 			const response = await fetchDummy('api/forgot-password', {
@@ -68,29 +70,34 @@
 	/>
 {/if}
 
-<div class="container m-1 mx-auto w-full max-w-xl">
-	<Card class="container m-1 mx-auto mb-6 w-full max-w-xl items-center  justify-center pb-6 ">
-		{#if heading}
-			<Heading
-				tag="h3"
-				class="m-1 mb-3 p-1 text-center font-bold tracking-tight text-gray-700 dark:text-gray-400"
-				>{heading}</Heading
-			>
-		{/if}
-		{#if showSuccess === false}
-			<div class="m-1 m-3 mx-auto w-full flex-col space-y-6">
-				<DataInput
-					component={maildata.component}
-					label={maildata.props.label}
-					bind:value={maildata.value}
-					properties={maildata.props}
-					eventHandlers={{
-						'on:change': maildata.onchange,
-						'on:blur': maildata.onblur,
-						'on:click': maildata.onclick
-					}}
-				/>
-			</div>
+<Card class="container m-1 mx-auto mb-6 w-full max-w-xl items-center  justify-center">
+	<Heading
+		tag="h3"
+		class="m-2 p-2 text-center font-bold tracking-tight text-gray-700 dark:text-gray-400"
+		>{heading}</Heading
+	>
+	{#if showSuccess === false}
+		<div class="m-2 mx-auto w-full flex-col space-y-6 p-2">
+			<DataInput
+				component={maildata.component}
+				label={maildata.props.label}
+				bind:value={maildata.value}
+				properties={maildata.props}
+				eventHandlers={{
+					'on:change': maildata.onchange,
+					'on:blur': maildata.onblur,
+					'on:click': maildata.onclick
+				}}
+			/>
+		</div>
+	{:else}
+		<div class="m-2 flex w-full items-center justify-center p-2">
+			<p>{mailSentMessage}</p>
+		</div>
+	{/if}
+
+	{#if showSuccess === false}
+		<div class="m-2 flex w-full items-center justify-center p-2">
 			<Button
 				size="md"
 				on:click={(event) => {
@@ -101,16 +108,15 @@
 					}
 				}}>{pendingButtonLabel}</Button
 			>
-		{:else}
-			<div class="m-1 m-3 mx-auto w-full flex-col space-y-6">
-				<p class=" items-center justify-center">{mailSentMessage}</p>
-			</div>
+		</div>
+	{:else}
+		<div class="m-2 flex w-full items-center justify-center p-2">
 			<Button
 				size="md"
 				on:click={(event) => {
-					goto(`${base}/`);
+					goto(`/${base}`);
 				}}>{successButtonLabel}</Button
 			>
-		{/if}
-	</Card>
-</div>
+		</div>
+	{/if}
+</Card>

From a7af4fa20dc73e3d3d2ccfec97f1f92d7c0709da Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Mon, 14 Oct 2024 10:55:57 +0200
Subject: [PATCH 05/15] add padding, margin to card

---
 frontend/src/lib/components/UserForgotPassword.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index 83a8d81e..1c08ae17 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -70,7 +70,7 @@
 	/>
 {/if}
 
-<Card class="container m-1 mx-auto mb-6 w-full max-w-xl items-center  justify-center">
+<Card class="container m-2 mx-auto w-full max-w-xl items-center justify-center p-2">
 	<Heading
 		tag="h3"
 		class="m-2 p-2 text-center font-bold tracking-tight text-gray-700 dark:text-gray-400"

From c6fef41dfb7c2b072bf395cfc6f2fb237e4b5990 Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Mon, 14 Oct 2024 11:05:05 +0200
Subject: [PATCH 06/15] change some types, values to get rid of errors

---
 .../lib/components/DataInput/DataInput.svelte |  4 ++--
 .../lib/components/UserForgotPassword.svelte  | 20 +++++++++----------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/frontend/src/lib/components/DataInput/DataInput.svelte b/frontend/src/lib/components/DataInput/DataInput.svelte
index fe9215ed..c4e1785b 100644
--- a/frontend/src/lib/components/DataInput/DataInput.svelte
+++ b/frontend/src/lib/components/DataInput/DataInput.svelte
@@ -8,7 +8,7 @@
 	// variables
 	export let component: any;
 	export let value: any;
-	export let label: string;
+	export let label: string | null = null;
 	export let componentClass: string = '';
 	export let textTrigger: string = 'noAdditionalText';
 	export let showTextField: boolean = false;
@@ -63,7 +63,7 @@
 	<svelte:component
 		this={component}
 		class={highlight
-			? 'rounded border-2 border-primary-600 dark:border-primary-600 ' + componentClass
+			? 'border-primary-600 dark:border-primary-600 rounded border-2 ' + componentClass
 			: componentClass}
 		bind:value
 		{...properties}
diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index 1c08ae17..e5d03d75 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -16,17 +16,21 @@
 	};
 	const successButtonLabel: string = 'Zurück zur Startseite';
 	const pendingButtonLabel: string = 'Absenden';
-
 	const mailSentMessage: string = 'Überprüfen sie ihr E-Mail Postfach';
 	const alertTitle: string = 'Fehler';
+
 	let alertMessage: string = 'Die angegebene email Adresse hat ein falsches Format';
 	let valid: boolean = true;
 	let showAlert: boolean = !valid;
 	let showSuccess: boolean = false;
 
-	function validateEmail(value: string): boolean {
-		const mailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-		return mailRegex.test(value) && value !== null;
+	function validateEmail(value: string | null): boolean {
+		if (value === null) {
+			return false;
+		} else {
+			const mailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+			return mailRegex.test(value);
+		}
 	}
 
 	function fetchDummy(endpoint: string, data: any): any {
@@ -36,7 +40,7 @@
 	} // README: this is a dummy. Needs to be replaced with real backend call later
 
 	// FIXME: check how this is done with the current API. needs to be integrated.
-	async function submitData(mailstring: string): Promise<void> {
+	async function submitData(mailstring: string | null): Promise<void> {
 		try {
 			const response = await fetchDummy('api/forgot-password', {
 				method: 'POST',
@@ -80,14 +84,8 @@
 		<div class="m-2 mx-auto w-full flex-col space-y-6 p-2">
 			<DataInput
 				component={maildata.component}
-				label={maildata.props.label}
 				bind:value={maildata.value}
 				properties={maildata.props}
-				eventHandlers={{
-					'on:change': maildata.onchange,
-					'on:blur': maildata.onblur,
-					'on:click': maildata.onclick
-				}}
 			/>
 		</div>
 	{:else}

From 46735f0d8069f5b415d21ded85bb88a8477de493 Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Mon, 14 Oct 2024 11:57:56 +0200
Subject: [PATCH 07/15] add localization

---
 .../lib/components/UserForgotPassword.svelte  | 32 ++++++++++++++-----
 frontend/src/locales/de.json                  | 13 ++++++++
 frontend/src/locales/en.json                  | 13 ++++++++
 3 files changed, 50 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index e5d03d75..b60e1f4c 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -3,23 +3,27 @@
 	import { base } from '$app/paths';
 	import AlertMessage from '$lib/components/AlertMessage.svelte';
 	import DataInput from '$lib/components/DataInput/DataInput.svelte';
+	import { lang_id } from '$lib/stores/langStore';
 	import { Button, Card, Heading, Input } from 'flowbite-svelte';
+	import { onDestroy, onMount } from 'svelte';
+	import { _ } from 'svelte-i18n';
+	import { get } from 'svelte/store';
 
-	const heading = 'Passwort vergessen?';
+	const heading = $_('user.forgotPw.heading');
 	const maildata = {
 		component: Input,
 		type: 'text',
 		value: null,
 		props: {
-			placeholder: 'Bitte geben sie eine E-mail Adresse an um ihr Passwort zu erneuern'
+			placeholder: $_('user.forgotPw.placeholder')
 		}
 	};
-	const successButtonLabel: string = 'Zurück zur Startseite';
-	const pendingButtonLabel: string = 'Absenden';
-	const mailSentMessage: string = 'Überprüfen sie ihr E-Mail Postfach';
-	const alertTitle: string = 'Fehler';
+	const successButtonLabel: string = $_('user.forgotPw.success');
+	const pendingButtonLabel: string = $_('user.forgotPw.pending');
+	const mailSentMessage: string = $_('user.forgotPw.mailSentMessage');
+	const alertTitle: string = $_('user.forgotPw.alertTitle');
 
-	let alertMessage: string = 'Die angegebene email Adresse hat ein falsches Format';
+	let alertMessage: string = $_('user.forgotPw.alertMessage');
 	let valid: boolean = true;
 	let showAlert: boolean = !valid;
 	let showSuccess: boolean = false;
@@ -58,9 +62,21 @@
 		} catch (error) {
 			console.log(error);
 			showAlert = true;
-			alertMessage = 'Beim Senden ist ein Fehler aufgetreten';
+			alertMessage = $_('user.forgotPw.sendError');
 		}
 	}
+
+	let unsubscribe: () => void;
+
+	onMount(async () => {
+		unsubscribe = await lang_id.subscribe(() => {
+			console.log('language changed: ', get(lang_id));
+		});
+	});
+
+	onDestroy(() => {
+		unsubscribe();
+	});
 </script>
 
 {#if showAlert}
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index 733000b4..7f57280c 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -44,5 +44,18 @@
 		"help": "Förderhilfen",
 		"image": "Bild",
 		"images": "Bilder"
+	},
+	"user": {
+		"login": {},
+		"forgotPw": {
+			"heading": "Passwort vergessen?",
+			"placeholder": "Bitte geben sie eine E-mail Adresse an um ihr Passwort zu erneuern",
+			"success": "Zurück zur Startseite",
+			"pending": "Absenden",
+			"alertTitle": "Fehler",
+			"alertMessage": "Die angegebene email Adresse hat ein falsches Format",
+			"mailSentMessage": "Bitte überprüfen sie ihr E-Mail Postfach",
+			"sendError": "Beim Senden der Daten ist ein Fehler aufgetreten. Bitte versuchen sie es erneut"
+		}
 	}
 }
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index a4b846d1..c0f76310 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -44,5 +44,18 @@
 		"help": "More information",
 		"image": "Image",
 		"images": "Images"
+	},
+	"user": {
+		"login": {},
+		"forgotPw": {
+			"heading": "Forgot your password?",
+			"placeholder": "Please enter your e-mail adress to get a new password",
+			"success": "Back to home",
+			"pending": "Send",
+			"alertTitle": "Error",
+			"alertMessage": "The given e-mail adress has a wrong format.",
+			"mailSentMessage": "Please check your e-mail inbox",
+			"sendError": "An error occured while sending the data. Please try again."
+		}
 	}
 }

From 22376cd9072ed51ff739a536f40c646ad3cc3ce8 Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Mon, 14 Oct 2024 13:50:49 +0200
Subject: [PATCH 08/15] try to integrate backend call

---
 .../lib/components/UserForgotPassword.svelte  | 52 ++++++-------------
 1 file changed, 15 insertions(+), 37 deletions(-)

diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index b60e1f4c..c3cec375 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -1,13 +1,11 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { base } from '$app/paths';
+	import { resetForgotPassword } from '$lib/client/services.gen';
 	import AlertMessage from '$lib/components/AlertMessage.svelte';
 	import DataInput from '$lib/components/DataInput/DataInput.svelte';
-	import { lang_id } from '$lib/stores/langStore';
 	import { Button, Card, Heading, Input } from 'flowbite-svelte';
-	import { onDestroy, onMount } from 'svelte';
 	import { _ } from 'svelte-i18n';
-	import { get } from 'svelte/store';
 
 	const heading = $_('user.forgotPw.heading');
 	const maildata = {
@@ -37,26 +35,21 @@
 		}
 	}
 
-	function fetchDummy(endpoint: string, data: any): any {
-		return {
-			ok: true
-		};
-	} // README: this is a dummy. Needs to be replaced with real backend call later
-
-	// FIXME: check how this is done with the current API. needs to be integrated.
-	async function submitData(mailstring: string | null): Promise<void> {
+	async function submitData(mailstring: string): Promise<void> {
 		try {
-			const response = await fetchDummy('api/forgot-password', {
-				method: 'POST',
-				headers: {
-					'Content-Type': 'application/json'
+			const data = {
+				body: {
+					email: mailstring
 				},
-				body: JSON.stringify(mailstring)
-			});
+				throwOnError: true
+			};
+			const { response, error } = await resetForgotPassword(data);
 
-			if (!response.ok) {
-				throw new Error('Network error');
+			if (error) {
+				console.log('error: ', error);
+				throw Error(error);
 			} else {
+				console.log('successful transmission, response status: ', response.status);
 				showSuccess = true;
 			}
 		} catch (error) {
@@ -65,18 +58,6 @@
 			alertMessage = $_('user.forgotPw.sendError');
 		}
 	}
-
-	let unsubscribe: () => void;
-
-	onMount(async () => {
-		unsubscribe = await lang_id.subscribe(() => {
-			console.log('language changed: ', get(lang_id));
-		});
-	});
-
-	onDestroy(() => {
-		unsubscribe();
-	});
 </script>
 
 {#if showAlert}
@@ -104,13 +85,7 @@
 				properties={maildata.props}
 			/>
 		</div>
-	{:else}
-		<div class="m-2 flex w-full items-center justify-center p-2">
-			<p>{mailSentMessage}</p>
-		</div>
-	{/if}
 
-	{#if showSuccess === false}
 		<div class="m-2 flex w-full items-center justify-center p-2">
 			<Button
 				size="md"
@@ -124,6 +99,9 @@
 			>
 		</div>
 	{:else}
+		<div class="m-2 flex w-full items-center justify-center p-2">
+			<p>{mailSentMessage}</p>
+		</div>
 		<div class="m-2 flex w-full items-center justify-center p-2">
 			<Button
 				size="md"

From 0eff1dd223e5934700b4d310f4a289fd2ea00950 Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Mon, 14 Oct 2024 14:02:34 +0200
Subject: [PATCH 09/15] reduce number of variables

---
 .../lib/components/UserForgotPassword.svelte  | 51 ++++++++-----------
 frontend/src/locales/de.json                  |  2 +-
 frontend/src/locales/en.json                  |  2 +-
 3 files changed, 23 insertions(+), 32 deletions(-)

diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index c3cec375..071297c4 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -7,7 +7,6 @@
 	import { Button, Card, Heading, Input } from 'flowbite-svelte';
 	import { _ } from 'svelte-i18n';
 
-	const heading = $_('user.forgotPw.heading');
 	const maildata = {
 		component: Input,
 		type: 'text',
@@ -16,12 +15,8 @@
 			placeholder: $_('user.forgotPw.placeholder')
 		}
 	};
-	const successButtonLabel: string = $_('user.forgotPw.success');
-	const pendingButtonLabel: string = $_('user.forgotPw.pending');
-	const mailSentMessage: string = $_('user.forgotPw.mailSentMessage');
-	const alertTitle: string = $_('user.forgotPw.alertTitle');
 
-	let alertMessage: string = $_('user.forgotPw.alertMessage');
+	let alertMessage: string = $_('user.forgotPw.formatError');
 	let valid: boolean = true;
 	let showAlert: boolean = !valid;
 	let showSuccess: boolean = false;
@@ -36,33 +31,29 @@
 	}
 
 	async function submitData(mailstring: string): Promise<void> {
-		try {
-			const data = {
-				body: {
-					email: mailstring
-				},
-				throwOnError: true
-			};
-			const { response, error } = await resetForgotPassword(data);
+		const data = {
+			body: {
+				email: mailstring
+			},
+			throwOnError: true
+		};
 
-			if (error) {
-				console.log('error: ', error);
-				throw Error(error);
-			} else {
-				console.log('successful transmission, response status: ', response.status);
+		await resetForgotPassword(data)
+			.then((returned) => {
+				console.log('successful transmission, response status: ', returned.response.status);
 				showSuccess = true;
-			}
-		} catch (error) {
-			console.log(error);
-			showAlert = true;
-			alertMessage = $_('user.forgotPw.sendError');
-		}
+			})
+			.catch((error) => {
+				console.log(error);
+				showAlert = true;
+				alertMessage = $_('user.forgotPw.sendError');
+			});
 	}
 </script>
 
 {#if showAlert}
 	<AlertMessage
-		title={alertTitle}
+		title={$_('user.forgotPw.alertTitle')}
 		message={alertMessage}
 		lastpage={`${base}/userLand/lostPassword`}
 		onclick={() => {
@@ -75,7 +66,7 @@
 	<Heading
 		tag="h3"
 		class="m-2 p-2 text-center font-bold tracking-tight text-gray-700 dark:text-gray-400"
-		>{heading}</Heading
+		>{$_('user.forgotPw.heading')}</Heading
 	>
 	{#if showSuccess === false}
 		<div class="m-2 mx-auto w-full flex-col space-y-6 p-2">
@@ -95,19 +86,19 @@
 					if (valid) {
 						submitData(maildata.value);
 					}
-				}}>{pendingButtonLabel}</Button
+				}}>{$_('user.forgotPw.pending')}</Button
 			>
 		</div>
 	{:else}
 		<div class="m-2 flex w-full items-center justify-center p-2">
-			<p>{mailSentMessage}</p>
+			<p>{$_('user.forgotPw.mailSentMessage')}</p>
 		</div>
 		<div class="m-2 flex w-full items-center justify-center p-2">
 			<Button
 				size="md"
 				on:click={(event) => {
 					goto(`/${base}`);
-				}}>{successButtonLabel}</Button
+				}}>{$_('user.forgotPw.success')}</Button
 			>
 		</div>
 	{/if}
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index 7f57280c..fc1dbf4e 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -53,7 +53,7 @@
 			"success": "Zurück zur Startseite",
 			"pending": "Absenden",
 			"alertTitle": "Fehler",
-			"alertMessage": "Die angegebene email Adresse hat ein falsches Format",
+			"formatError": "Die angegebene email Adresse hat ein falsches Format",
 			"mailSentMessage": "Bitte überprüfen sie ihr E-Mail Postfach",
 			"sendError": "Beim Senden der Daten ist ein Fehler aufgetreten. Bitte versuchen sie es erneut"
 		}
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index c0f76310..a8703446 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -53,7 +53,7 @@
 			"success": "Back to home",
 			"pending": "Send",
 			"alertTitle": "Error",
-			"alertMessage": "The given e-mail adress has a wrong format.",
+			"formatError": "The given e-mail adress has a wrong format.",
 			"mailSentMessage": "Please check your e-mail inbox",
 			"sendError": "An error occured while sending the data. Please try again."
 		}

From 752349d2af4ebddcd2164d7099baed908bedefe6 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 14 Oct 2024 12:09:43 +0000
Subject: [PATCH 10/15] update openapi.json & openapi-ts client, run pnpm
 format

---
 frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte | 2 +-
 frontend/src/lib/components/DataInput/DataInput.svelte        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte b/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
index fad805d1..8be3fbf6 100644
--- a/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
+++ b/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
@@ -61,7 +61,7 @@
 				<!-- after example: https://flowbite-svelte.com/docs/forms/search-input#Search_with_dropdown -->
 				<div class="relative">
 					<Button
-						class="border-primary-700 h-full whitespace-nowrap rounded-e-none border border-e-0"
+						class="h-full whitespace-nowrap rounded-e-none border border-e-0 border-primary-700"
 					>
 						{searchCategory}
 						<ChevronDownOutline class="ms-2.5 h-2.5 w-2.5" />
diff --git a/frontend/src/lib/components/DataInput/DataInput.svelte b/frontend/src/lib/components/DataInput/DataInput.svelte
index c4e1785b..ce0fb46c 100644
--- a/frontend/src/lib/components/DataInput/DataInput.svelte
+++ b/frontend/src/lib/components/DataInput/DataInput.svelte
@@ -63,7 +63,7 @@
 	<svelte:component
 		this={component}
 		class={highlight
-			? 'border-primary-600 dark:border-primary-600 rounded border-2 ' + componentClass
+			? 'rounded border-2 border-primary-600 dark:border-primary-600 ' + componentClass
 			: componentClass}
 		bind:value
 		{...properties}

From 30c990c791524e6d8c22093257da073e1af161a8 Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Tue, 15 Oct 2024 09:38:01 +0200
Subject: [PATCH 11/15] make userland stuff toplevel in the localization

---
 frontend/src/locales/de.json | 22 ++++++++++------------
 frontend/src/locales/en.json | 22 ++++++++++------------
 2 files changed, 20 insertions(+), 24 deletions(-)

diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index fc1dbf4e..7ea27827 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -45,17 +45,15 @@
 		"image": "Bild",
 		"images": "Bilder"
 	},
-	"user": {
-		"login": {},
-		"forgotPw": {
-			"heading": "Passwort vergessen?",
-			"placeholder": "Bitte geben sie eine E-mail Adresse an um ihr Passwort zu erneuern",
-			"success": "Zurück zur Startseite",
-			"pending": "Absenden",
-			"alertTitle": "Fehler",
-			"formatError": "Die angegebene email Adresse hat ein falsches Format",
-			"mailSentMessage": "Bitte überprüfen sie ihr E-Mail Postfach",
-			"sendError": "Beim Senden der Daten ist ein Fehler aufgetreten. Bitte versuchen sie es erneut"
-		}
+	"login": {},
+	"forgotPw": {
+		"heading": "Passwort vergessen?",
+		"placeholder": "Bitte geben sie eine E-mail Adresse an um ihr Passwort zu erneuern",
+		"success": "Zurück zur Startseite",
+		"pending": "Absenden",
+		"alertTitle": "Fehler",
+		"formatError": "Die angegebene email Adresse hat ein falsches Format",
+		"mailSentMessage": "Bitte überprüfen sie ihr E-Mail Postfach",
+		"sendError": "Beim Senden der Daten ist ein Fehler aufgetreten. Bitte versuchen sie es erneut"
 	}
 }
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index a8703446..da794134 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -45,17 +45,15 @@
 		"image": "Image",
 		"images": "Images"
 	},
-	"user": {
-		"login": {},
-		"forgotPw": {
-			"heading": "Forgot your password?",
-			"placeholder": "Please enter your e-mail adress to get a new password",
-			"success": "Back to home",
-			"pending": "Send",
-			"alertTitle": "Error",
-			"formatError": "The given e-mail adress has a wrong format.",
-			"mailSentMessage": "Please check your e-mail inbox",
-			"sendError": "An error occured while sending the data. Please try again."
-		}
+	"login": {},
+	"forgotPw": {
+		"heading": "Forgot your password?",
+		"placeholder": "Please enter your e-mail adress to get a new password",
+		"success": "Back to home",
+		"pending": "Send",
+		"alertTitle": "Error",
+		"formatError": "The given e-mail adress has a wrong format.",
+		"mailSentMessage": "Please check your e-mail inbox",
+		"sendError": "An error occured while sending the data. Please try again."
 	}
 }

From 69faaf37b3009da01b30c57eb25638570b2936ce Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Tue, 15 Oct 2024 10:18:40 +0200
Subject: [PATCH 12/15] make requested changes: error handling, localization
 adjustment, form tag usage

---
 .../lib/components/DataInput/DataInput.svelte |  4 +-
 .../lib/components/UserForgotPassword.svelte  | 95 ++++++++-----------
 2 files changed, 44 insertions(+), 55 deletions(-)

diff --git a/frontend/src/lib/components/DataInput/DataInput.svelte b/frontend/src/lib/components/DataInput/DataInput.svelte
index ce0fb46c..789f8e40 100644
--- a/frontend/src/lib/components/DataInput/DataInput.svelte
+++ b/frontend/src/lib/components/DataInput/DataInput.svelte
@@ -56,14 +56,14 @@
 </script>
 
 {#if label}
-	<Label class="font-semibold text-gray-700 dark:text-gray-400">{label}</Label>
+	<Label for={properties.id} class="font-semibold text-gray-700 dark:text-gray-400">{label}</Label>
 {/if}
 
 <div class="space-y-4">
 	<svelte:component
 		this={component}
 		class={highlight
-			? 'rounded border-2 border-primary-600 dark:border-primary-600 ' + componentClass
+			? 'border-primary-600 dark:border-primary-600 rounded border-2 ' + componentClass
 			: componentClass}
 		bind:value
 		{...properties}
diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index 071297c4..bca6e445 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -1,7 +1,11 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { base } from '$app/paths';
+
+	import { type ResetForgotPasswordData } from '$lib/client';
 	import { resetForgotPassword } from '$lib/client/services.gen';
+	import { preventDefault } from '$lib/util';
+
 	import AlertMessage from '$lib/components/AlertMessage.svelte';
 	import DataInput from '$lib/components/DataInput/DataInput.svelte';
 	import { Button, Card, Heading, Input } from 'flowbite-svelte';
@@ -9,51 +13,42 @@
 
 	const maildata = {
 		component: Input,
-		type: 'text',
-		value: null,
+		type: 'email',
+		value: '',
 		props: {
-			placeholder: $_('user.forgotPw.placeholder')
+			placeholder: $_('forgotPw.placeholder'),
+			id: 'email',
+			required: true
 		}
 	};
 
-	let alertMessage: string = $_('user.forgotPw.formatError');
-	let valid: boolean = true;
-	let showAlert: boolean = !valid;
+	let alertMessage: string = $_('forgotPw.formatError');
+	let showAlert: boolean;
 	let showSuccess: boolean = false;
 
-	function validateEmail(value: string | null): boolean {
-		if (value === null) {
-			return false;
-		} else {
-			const mailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-			return mailRegex.test(value);
-		}
-	}
-
-	async function submitData(mailstring: string): Promise<void> {
-		const data = {
+	async function submitData(): Promise<void> {
+		const data: ResetForgotPasswordData = {
 			body: {
-				email: mailstring
-			},
-			throwOnError: true
+				email: maildata.value
+			}
 		};
 
-		await resetForgotPassword(data)
-			.then((returned) => {
-				console.log('successful transmission, response status: ', returned.response.status);
-				showSuccess = true;
-			})
-			.catch((error) => {
-				console.log(error);
-				showAlert = true;
-				alertMessage = $_('user.forgotPw.sendError');
-			});
+		const result = await resetForgotPassword(data);
+
+		if (result.error) {
+			console.log('error: ', result.error);
+			showAlert = true;
+			alertMessage = $_('forgotPw.sendError');
+		} else {
+			console.log('successful transmission, response status: ', result.response.status);
+			showSuccess = true;
+		}
 	}
 </script>
 
 {#if showAlert}
 	<AlertMessage
-		title={$_('user.forgotPw.alertTitle')}
+		title={$_('forgotPw.alertTitle')}
 		message={alertMessage}
 		lastpage={`${base}/userLand/lostPassword`}
 		onclick={() => {
@@ -66,39 +61,33 @@
 	<Heading
 		tag="h3"
 		class="m-2 p-2 text-center font-bold tracking-tight text-gray-700 dark:text-gray-400"
-		>{$_('user.forgotPw.heading')}</Heading
+		>{$_('forgotPw.heading')}</Heading
 	>
 	{#if showSuccess === false}
-		<div class="m-2 mx-auto w-full flex-col space-y-6 p-2">
-			<DataInput
-				component={maildata.component}
-				bind:value={maildata.value}
-				properties={maildata.props}
-			/>
-		</div>
+		<form onsubmit={preventDefault(submitData)}>
+			<div class="m-2 mx-auto w-full flex-col space-y-6 p-2">
+				<DataInput
+					component={maildata.component}
+					bind:value={maildata.value}
+					properties={maildata.props}
+				/>
+			</div>
 
-		<div class="m-2 flex w-full items-center justify-center p-2">
-			<Button
-				size="md"
-				on:click={(event) => {
-					valid = validateEmail(maildata.value);
-					showAlert = !valid;
-					if (valid) {
-						submitData(maildata.value);
-					}
-				}}>{$_('user.forgotPw.pending')}</Button
-			>
-		</div>
+			<div class="m-2 flex w-full items-center justify-center p-2">
+				<Button size="md" type="submit">{$_('forgotPw.pending')}</Button>
+			</div>
+		</form>
 	{:else}
 		<div class="m-2 flex w-full items-center justify-center p-2">
-			<p>{$_('user.forgotPw.mailSentMessage')}</p>
+			<p>{$_('forgotPw.mailSentMessage')}</p>
 		</div>
 		<div class="m-2 flex w-full items-center justify-center p-2">
 			<Button
 				size="md"
+				type="button"
 				on:click={(event) => {
 					goto(`/${base}`);
-				}}>{$_('user.forgotPw.success')}</Button
+				}}>{$_('forgotPw.success')}</Button
 			>
 		</div>
 	{/if}

From 20069f51f595755bdd963718d01bb9993507d99a Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Tue, 15 Oct 2024 08:19:25 +0000
Subject: [PATCH 13/15] update openapi.json & openapi-ts client, run pnpm
 format

---
 frontend/src/lib/components/DataInput/DataInput.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/DataInput/DataInput.svelte b/frontend/src/lib/components/DataInput/DataInput.svelte
index 789f8e40..09edb483 100644
--- a/frontend/src/lib/components/DataInput/DataInput.svelte
+++ b/frontend/src/lib/components/DataInput/DataInput.svelte
@@ -63,7 +63,7 @@
 	<svelte:component
 		this={component}
 		class={highlight
-			? 'border-primary-600 dark:border-primary-600 rounded border-2 ' + componentClass
+			? 'rounded border-2 border-primary-600 dark:border-primary-600 ' + componentClass
 			: componentClass}
 		bind:value
 		{...properties}

From 83eb2d9cd663f2bad696a0a4c4404dbbd3d07ade Mon Sep 17 00:00:00 2001
From: Harald Mack <harald.mack@protonmail.com>
Date: Tue, 15 Oct 2024 10:58:22 +0200
Subject: [PATCH 14/15] add button styling

---
 frontend/src/lib/components/UserForgotPassword.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index bca6e445..143af147 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -83,6 +83,7 @@
 		</div>
 		<div class="m-2 flex w-full items-center justify-center p-2">
 			<Button
+				class="dark:bg-primay-700 bg-primary-700 hover:bg-primary-800 dark:hover:bg-primary-800 w-full text-center text-sm text-white hover:text-white"
 				size="md"
 				type="button"
 				on:click={(event) => {

From e7e098bd740382ebc96fd5a5760eaed75f7359bc Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Tue, 15 Oct 2024 08:59:13 +0000
Subject: [PATCH 15/15] update openapi.json & openapi-ts client, run pnpm
 format

---
 frontend/src/lib/components/UserForgotPassword.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/UserForgotPassword.svelte b/frontend/src/lib/components/UserForgotPassword.svelte
index 143af147..1e3ad5e0 100644
--- a/frontend/src/lib/components/UserForgotPassword.svelte
+++ b/frontend/src/lib/components/UserForgotPassword.svelte
@@ -83,7 +83,7 @@
 		</div>
 		<div class="m-2 flex w-full items-center justify-center p-2">
 			<Button
-				class="dark:bg-primay-700 bg-primary-700 hover:bg-primary-800 dark:hover:bg-primary-800 w-full text-center text-sm text-white hover:text-white"
+				class="dark:bg-primay-700 w-full bg-primary-700 text-center text-sm text-white hover:bg-primary-800 hover:text-white dark:hover:bg-primary-800"
 				size="md"
 				type="button"
 				on:click={(event) => {