Logout

src/components/Dashboard/DashboardSidebar.svelte

@@ -31,6 +31,7 @@
 			<div class="text-base-content font-semibold text-left flex"
 				>{benutzer.vorname} {benutzer.name}</div>
 			<div class="text-base-content text-sm flex">{benutzer.email}</div>
+			<a href="/auth/logout" class="text-xs">Logout</a>
 		</div>
 
 	</div>

src/pages/auth/logout.astro

@@ -1,9 +1,20 @@
 ---
-import { API_ACCESS_TOKEN_COOKIE_NAME, API_REFRESH_TOKEN_COOKIE_NAME, API_UID_COOKIE_NAME } from "#lib/constants";
+// TODO
 
-Astro.cookies.delete(API_ACCESS_TOKEN_COOKIE_NAME);
-Astro.cookies.delete(API_REFRESH_TOKEN_COOKIE_NAME);
-Astro.cookies.delete(API_UID_COOKIE_NAME);
-return Astro.redirect("/auth/login");
+import Layout from "#layouts/Layout.astro";
+---
 
----
+<script>
+	import { API_ACCESS_TOKEN_COOKIE_NAME, API_REFRESH_TOKEN_COOKIE_NAME, API_UID_COOKIE_NAME } from "#lib/constants.js"
+	import Cookies from "js-cookie"
+
+	Cookies.remove(API_ACCESS_TOKEN_COOKIE_NAME)
+	Cookies.remove(API_REFRESH_TOKEN_COOKIE_NAME)
+	Cookies.remove(API_UID_COOKIE_NAME)
+
+	window.location.href = "/"
+</script>
+
+<Layout title="Logout">
+
+</Layout>