From 342e3344316fcaf5c14df2fc19f8b4d2dbd46938 Mon Sep 17 00:00:00 2001
From: Kamyab Nazari <kamyabnazari@icloud.com>
Date: Sat, 27 May 2023 17:05:41 +0200
Subject: [PATCH] Profile functions

---
 .../src/routes/(auth)/login/+page.server.ts   |  11 --
 .../(auth)/password-reset/+page.server.ts     |   8 +-
 .../src/routes/(auth)/profile/+page.server.ts |  19 +++
 .../src/routes/(auth)/profile/+page.svelte    | 112 +++++++++++++-----
 .../src/routes/(docs)/contact/+page.svelte    |   4 -
 5 files changed, 103 insertions(+), 51 deletions(-)

diff --git a/frontend/src/routes/(auth)/login/+page.server.ts b/frontend/src/routes/(auth)/login/+page.server.ts
index 79b2b90..fa73ca1 100644
--- a/frontend/src/routes/(auth)/login/+page.server.ts
+++ b/frontend/src/routes/(auth)/login/+page.server.ts
@@ -3,17 +3,6 @@ import type { Actions, PageServerLoad } from './$types';
 
 export const actions: Actions = {
 	default: async ({ locals, request }) => {
-		/*
-		const { formData, errors } = await validateData(await request.formData(), loginUserSchema);
-
-		if (errors) {
-			return invalid(400, {
-				data: formData,
-				errors: errors.fieldErrors
-			});
-		}
-		*/
-
 		const data = Object.fromEntries(await request.formData()) as {
 			email: string;
 			password: string;
diff --git a/frontend/src/routes/(auth)/password-reset/+page.server.ts b/frontend/src/routes/(auth)/password-reset/+page.server.ts
index 7905773..3a3250e 100644
--- a/frontend/src/routes/(auth)/password-reset/+page.server.ts
+++ b/frontend/src/routes/(auth)/password-reset/+page.server.ts
@@ -1,5 +1,5 @@
 import { redirect } from '@sveltejs/kit';
-import type { Actions, PageServerLoad } from './$types';
+import type { Actions } from './$types';
 
 export const actions: Actions = {
 	default: async ({ locals, request }) => {
@@ -17,9 +17,3 @@ export const actions: Actions = {
 		throw redirect(303, '/login');
 	}
 };
-
-export const load: PageServerLoad = async ({ locals }) => {
-	if (locals.user) {
-		throw redirect(303, '/dashboard');
-	}
-};
diff --git a/frontend/src/routes/(auth)/profile/+page.server.ts b/frontend/src/routes/(auth)/profile/+page.server.ts
index 66def6d..b7dfe90 100644
--- a/frontend/src/routes/(auth)/profile/+page.server.ts
+++ b/frontend/src/routes/(auth)/profile/+page.server.ts
@@ -1,5 +1,24 @@
 import { redirect } from '@sveltejs/kit';
 import type { PageServerLoad } from './$types';
+import type { Actions } from './$types';
+
+export const actions: Actions = {
+	default: async ({ locals, request }) => {
+		const data = Object.fromEntries(await request.formData()) as {
+			name: string;
+			email: string;
+		};
+
+		try {
+			await locals.pb.collection('users').update(locals.user.id, data);
+		} catch (err) {
+			console.error(err);
+			throw err;
+		}
+
+		throw redirect(303, '/dashboard');
+	}
+};
 
 export const load: PageServerLoad = async ({ locals }) => {
 	if (!locals.user) {
diff --git a/frontend/src/routes/(auth)/profile/+page.svelte b/frontend/src/routes/(auth)/profile/+page.svelte
index 9b790a2..36fa264 100644
--- a/frontend/src/routes/(auth)/profile/+page.svelte
+++ b/frontend/src/routes/(auth)/profile/+page.svelte
@@ -1,38 +1,92 @@
+<script lang="ts">
+	import { applyAction, enhance } from '$app/forms';
+	import { currentUser, pb } from '$lib/pocketbase';
+</script>
+
 <div class="hero bg-base-100 min-h-full">
 	<div class="hero-content">
 		<div class="card p-16 shadow-lg">
-			<div class="flex flex-col gap-8">
-				<div class="flex justify-center">
-					<h1 class="text-2xl font-bold">Profile</h1>
-				</div>
-				<div class="flex justify-center">
-					<div class="avatar">
-						<div class="ring-primary ring-offset-base-100 w-24 rounded-md ring-4 ring-offset-4">
-							<img src="/example-avatar-image.jpeg" alt="Example Avatar" />
+			<form
+				method="POST"
+				use:enhance={() => {
+					return async ({ result }) => {
+						pb.authStore.loadFromCookie(document.cookie);
+						await applyAction(result);
+					};
+				}}
+			>
+				<div class="form-control">
+					<div class="flex flex-col gap-4">
+						<div class="flex justify-center">
+							<h1 class="text-2xl font-bold">Profile</h1>
+						</div>
+						<div class="flex justify-center">
+							<div class="avatar">
+								<div class="ring-primary ring-offset-base-100 w-24 rounded-md ring-4 ring-offset-4">
+									<img src="/example-avatar-image.jpeg" alt="Example Avatar" />
+								</div>
+							</div>
+						</div>
+						<div class="flex justify-center">
+							{#if $currentUser}
+								<h2>{$currentUser?.username}</h2>
+							{:else}
+								<h2>Username</h2>
+							{/if}
+						</div>
+
+						<div class="form-control w-96">
+							<label for="name" class="label">
+								<span class="label-text">Name</span>
+							</label>
+							<input
+								type="name"
+								name="name"
+								placeholder="your name"
+								value={$currentUser?.name}
+								class="input input-bordered w-full"
+							/>
+						</div>
+						<div class="form-control">
+							<label for="email" class="label">
+								<span class="label-text">Email</span>
+							</label>
+							<div class="input-group">
+								<input
+									type="email"
+									placeholder="your email"
+									value={$currentUser?.email}
+									class="input input-bordered w-full"
+									disabled
+								/>
+								<a href="/email-change"><button class="btn btn-link">Change</button></a>
+							</div>
+						</div>
+						<div class="form-control">
+							<label for="password" class="label">
+								<span class="label-text">Password</span>
+							</label>
+							<div class="input-group">
+								<input
+									type="email"
+									placeholder="********"
+									class="input input-bordered w-full"
+									disabled
+								/>
+								<a href="/password-reset"><button class="btn btn-link">Change</button></a>
+							</div>
+						</div>
+						<div class="flex flex-row justify-center pt-8">
+							<div class="flex-auto">
+								<a href="/dashboard"><button class="btn btn-ghost">Cancel</button></a>
+							</div>
+							<div>
+								<button class="btn btn-primary">Save</button>
+							</div>
 						</div>
 					</div>
 				</div>
-				<div class="form-control w-96">
-					<label for="text" class="label">
-						<span class="label-text">Name</span>
-					</label>
-					<input type="text" placeholder="Type here" class="input input-bordered w-full" />
-				</div>
-				<div class="form-control w-96">
-					<label for="text" class="label">
-						<span class="label-text">Email</span>
-					</label>
-					<input type="text" placeholder="Type here" class="input input-bordered w-full" />
-				</div>
-				<div class="flex flex-row justify-center">
-					<div class="flex-auto">
-						<a href="/dashboard"><button class="btn btn-ghost">Cancel</button></a>
-					</div>
-					<div>
-						<a href="/dashboard"><button class="btn btn-primary">Save</button></a>
-					</div>
-				</div>
-			</div>
+			</form>
 		</div>
 	</div>
 </div>
diff --git a/frontend/src/routes/(docs)/contact/+page.svelte b/frontend/src/routes/(docs)/contact/+page.svelte
index b3df462..77cd2d0 100644
--- a/frontend/src/routes/(docs)/contact/+page.svelte
+++ b/frontend/src/routes/(docs)/contact/+page.svelte
@@ -32,10 +32,6 @@
 			<p class="py-6 text-justify text-base">
 				Thank you for your support and interest in our journey.
 			</p>
-			<p class="py-6 text-justify text-base">Best regards,</p>
-			<p class="py-6 text-justify text-base">
-				Kamyab Nazari & Mohammad Khezri <br /> Co-Founders
-			</p>
 		</div>
 	</div>
 </div>