From dc15b59a032d96408f7117d6c354719904db45a7 Mon Sep 17 00:00:00 2001
From: Mawoka <mawoka@e.email>
Date: Sat, 2 Apr 2022 14:29:41 +0200
Subject: [PATCH] :lipstick: Added info that email was confirmed successfully

---
 frontend/src/routes/account/login.svelte  | 43 +++++++++++++++++++++--
 frontend/src/routes/docs/self-host.svelte |  5 +--
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/frontend/src/routes/account/login.svelte b/frontend/src/routes/account/login.svelte
index f85d9c5..d7fbc1a 100644
--- a/frontend/src/routes/account/login.svelte
+++ b/frontend/src/routes/account/login.svelte
@@ -1,12 +1,18 @@
 <script context="module" lang="ts">
-	export async function load({ session }) {
+	export async function load({ session, url }) {
+		const verified = url.searchParams.get('verified');
 		if (session.authenticated) {
 			return {
 				status: 302,
 				redirect: '/overview'
 			};
 		}
-		return {};
+		return {
+			status: 200,
+			props: {
+				verified: verified !== null
+			}
+		};
 	}
 </script>
 
@@ -22,6 +28,8 @@
 
 	navbarVisible.set(true);
 
+	export let verified: boolean;
+
 	let loginData = {
 		email: '',
 		password: ''
@@ -55,6 +63,7 @@
 			Cookies.set('reload', String(parseInt(cookie) + 1), { expires: expireIn60Sec });
 		}
 		window.location.reload();
+
 	};
 
 	const checkRememberMe = async () => {
@@ -96,6 +105,36 @@
 </svelte:head>
 <div class="flex items-center justify-center h-full px-4">
 	<div>
+		{#if verified}
+			<div
+				class="flex items-center justify-center p-4 text-green-700 border-2 border-current rounded-lg bg-white"
+				role="alert"
+			>
+				<svg
+					width="24"
+					height="24"
+					viewBox="0 0 24 24"
+					class="w-6 h-6"
+					fill="none"
+					xmlns="http://www.w3.org/2000/svg"
+				>
+					<path
+						d="M10.2426 16.3137L6 12.071L7.41421 10.6568L10.2426 13.4853L15.8995 7.8284L17.3137 9.24262L10.2426 16.3137Z"
+						fill="currentColor"
+					/>
+					<path
+						fill-rule="evenodd"
+						clip-rule="evenodd"
+						d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z"
+						fill="currentColor"
+					/>
+				</svg>
+
+				<h3 class="ml-3 text-sm font-medium">
+					You've successfully confirmed your email address.
+				</h3>
+			</div>
+		{/if}
 		<span class="p-4" />
 
 		<div
diff --git a/frontend/src/routes/docs/self-host.svelte b/frontend/src/routes/docs/self-host.svelte
index 36cbf22..f7989e6 100644
--- a/frontend/src/routes/docs/self-host.svelte
+++ b/frontend/src/routes/docs/self-host.svelte
@@ -60,8 +60,9 @@
 	<p>
 		You'll have to set up a storage provider for some pictures (these getting imported from
 		KAHOOT!). For now, you can use <a href="https://deta.sh">Deta</a> or the local filesystem.
-		Please note that I would <b>NOT</b> use the local file system because of these funny path-things. I tried to
-		prevent these attacks, but i really wouldn't trust it. You'll have to set the
+		Please note that I would <b>NOT</b> use the local file system because of these funny
+		path-things. I tried to prevent these attacks, but i really wouldn't trust it. You'll have
+		to set the
 		<code>STORAGE_BACKEND</code>-environment-variable to either <code>deta</code> or
 		<code>local</code>.
 	</p>