From 87921c24a0a1d8d995fe436c12afbb6576a621d9 Mon Sep 17 00:00:00 2001
From: Dan Mihailescu <as42554525@yahoo.ca>
Date: Tue, 17 Dec 2024 12:03:57 -0500
Subject: [PATCH] fixed issues with uuid

---
 prisma/dev.db                 | Bin 49152 -> 49152 bytes
 src/routes/+page.server.ts    |  12 ++++-----
 src/routes/login/+page.svelte |  49 ++++++++++++++++++++++++++++++++++
 3 files changed, 55 insertions(+), 6 deletions(-)
 create mode 100644 src/routes/login/+page.svelte

diff --git a/prisma/dev.db b/prisma/dev.db
index 6e0b800a1a30d0c87e8d37acd5eb8251b9a1c7f1..4d6eb2ee49602e06b1152ed88858370821600a4a 100644
GIT binary patch
delta 186
zcmZo@U~Xt&o*>O=Fj2;t(O_f3l6(O+-V+S`OZn~jp77Q2Df6D#tf;Vs*C~>XEtZv)
z)xMx0y*%Blsx&jLpfW!>H7z;Ww6e0e%B-j`v!Jq|FxxCExzr@rsETn)fe<$r<K(N8
yop~YT<h*#v&B}ET8F|?FJ~Qwy=U3pb;`_Xrui-J@WQBefO=3-E+pN(4zyJVH??9LU

delta 68
zcmV-K0K5NyfCGSl1CSd5FOeKW0WYy&q;C!d4kG{$r4K(2<PLrgBeNkO5e~B>e&GQM
a1rHzq52p_x4|=l@fa4C4pf9r^kKize0~8hj

diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index 614de2d..145d816 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -1,18 +1,18 @@
 import { prisma } from '$lib/server/prisma';
-
-export async function load(event) {
-	const userId = event.cookies.get('user');
-	if (!userId && isNaN(Number(userId))) {
+import type { Session } from 'lucia';
+export async function load(event: Session) {
+	const userId = event.userId;
+	if (!userId) {
 		return {
 			authenticated: false
 		};
 	}
 	const user = await prisma.user.findUnique({
 		where: {
-			id: Number(userId)
+			id: userId
 		}
 	});
 	return {
 		authenticated: !!user
 	};
-}
\ No newline at end of file
+}
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
new file mode 100644
index 0000000..1eb8b77
--- /dev/null
+++ b/src/routes/login/+page.svelte
@@ -0,0 +1,49 @@
+<script lang="ts">
+	import Button from '$lib/components/Button.svelte';
+	import Input from '$lib/components/Input.svelte';
+	import { fade, scale } from 'svelte/transition';
+
+	let mode: 'register' | 'login' = $state('login');
+	let action = $derived(mode === 'login' ? '?/login' : '?/register');
+
+	function onViewToggle() {
+		mode = mode === 'login' ? 'register' : 'login';
+	}
+</script>
+
+<div class="page">
+	<h1 class="underline">Hestia</h1>
+	<div class="login">
+		<form method="POST" {action} transition:scale>
+			<h2 transition:fade>{mode === 'login' ? 'Login' : 'Register'}</h2>
+			{#if mode === 'register'}
+				<div transition:fade>
+					<Input label="Name" name="name" />
+				</div>
+			{/if}
+			<Input label="Email" name="email" type="email" />
+			<Input label="Password" name="password" type="password" />
+			<div class="flex gap-2">
+				<Button
+					onClick={onViewToggle}
+					label={mode === 'login' ? 'Register' : 'Login'}
+					size="large"
+					primary
+				/>
+				<Button type="submit" label="Submit" size="large" />
+			</div>
+		</form>
+	</div>
+</div>
+
+<style>
+	.page {
+		@apply flex flex-col items-center justify-around gap-24 py-[10%];
+	}
+	.login {
+		@apply w-fit max-w-lg animate-fade rounded-lg bg-white p-8;
+	}
+	.login > form {
+		@apply flex w-full flex-col items-center gap-8 rounded-lg;
+	}
+</style>
\ No newline at end of file