From fb8e4a34ad0bf7ba62c7faa98f5db7512b8b018e Mon Sep 17 00:00:00 2001
From: dhzdhd <ragas5432100@gmail.com>
Date: Tue, 31 Oct 2023 12:32:45 +0530
Subject: [PATCH] Fix sign out

---
 frontend/src/routes/+layout.svelte  | 15 +++++++++++++++
 frontend/src/routes/+page.server.ts |  9 +++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index c11f6e0..951630f 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -2,6 +2,7 @@
 	import { goto } from '$app/navigation';
 	import { page } from '$app/stores';
 	import '../global.sass';
+	import * as cookie from 'cookie';
 
 	const socialLinks = [
 		{ name: 'Facebook', url: 'https://www.facebook.com/' },
@@ -9,6 +10,10 @@
 		{ name: 'Instagram', url: 'https://www.instagram.com/' },
 		{ name: 'LinkedIn', url: 'https://www.linkedin.com/' }
 	];
+
+	const signOut = async () => {
+		await goto('/');
+	};
 </script>
 
 <header>
@@ -24,6 +29,11 @@
 		<nav>
 			<ul>
 				<li><a href="/home">Home</a></li>
+				<li>
+					<form method="POST" action="/">
+						<button on:click={signOut} type="submit">Sign out</button>
+					</form>
+				</li>
 			</ul>
 		</nav>
 	{/if}
@@ -82,6 +92,11 @@
 				cursor: pointer
 
 			ul
+				display: flex
+				flex-direction: row
+				gap: 2rem
+				align-items: center
+
 				li
 					list-style: none
 
diff --git a/frontend/src/routes/+page.server.ts b/frontend/src/routes/+page.server.ts
index 113fce3..b8ee508 100644
--- a/frontend/src/routes/+page.server.ts
+++ b/frontend/src/routes/+page.server.ts
@@ -1,7 +1,6 @@
 import { redirect } from '@sveltejs/kit';
 import type { PageServerLoad } from './$types';
-
-export const prerender = true;
+import type { Actions } from '@sveltejs/kit';
 
 export const load: PageServerLoad = async ({ cookies }) => {
 	const jwt = cookies.get('sessionjwt');
@@ -10,3 +9,9 @@ export const load: PageServerLoad = async ({ cookies }) => {
 		throw redirect(307, '/home');
 	}
 };
+
+export const actions = {
+	default: async ({ cookies }) => {
+		cookies.delete('sessionjwt');
+	}
+} satisfies Actions;