user displayed in navbar with option to logout

src/routes/(main)/+layout.server.ts

@@ -0,0 +1,9 @@
+import type {LayoutServerLoad} from './$types';
+import { authenticateUser } from '$lib/js/authenticate';;
+
+export const load = (async ({cookies}) => {
+	const user =  await authenticateUser(cookies)
+	return {
+		user
+	}
+}) satisfies LayoutServerLoad;

src/routes/(main)/+layout.svelte

@@ -1,6 +1,11 @@
 <script>
 import Header from '$lib/components/Header.svelte'
-
+import UserHeader from '$lib/components/UserHeader.svelte';
+export let data
+let username = ""
+if(data.user){
+	username = data.user.username
+}
 </script>
 
 <Header>
@@ -10,5 +15,6 @@ import Header from '$lib/components/Header.svelte'
 	<li><a href="/git">Git</a></li>
 	<li><a href="/transmission">Transmission</a></li>
 	</ul>
+	<UserHeader {username} slot=right_side></UserHeader>
 	<slot></slot>
 </Header>

src/routes/(rezepte)/rezepte/+layout.server.ts

@@ -0,0 +1,11 @@
+import type {LayoutServerLoad} from './$types';
+import { authenticateUser } from '$lib/js/authenticate';;
+
+export const load = (async ({cookies}) => {
+	const user =  await authenticateUser(cookies)
+	console.log("LOAD LAYOUT")
+	console.log(user)
+	return {
+		user
+	}
+}) satisfies LayoutServerLoad;

src/routes/(rezepte)/rezepte/+layout.svelte

@@ -1,6 +1,9 @@
 <script>
 import Header from '$lib/components/Header.svelte'
-
+import UserHeader from '$lib/components/UserHeader.svelte';
+export let data
+let username = ""
+if(data.user) username = data.user.username
 </script>
 
 <Header>
@@ -11,5 +14,6 @@ import Header from '$lib/components/Header.svelte'
 	<li><a href="/rezepte/icon">Icon</a></li>
 	<li><a href="/rezepte/tag">Stichwörter</a></li>
 	</ul>
+	<UserHeader {username} slot=right_side></UserHeader>
 	<slot></slot>
 </Header>

src/routes/(rezepte)/rezepte/+page.svelte

@@ -34,7 +34,6 @@ h1{
 	{/each}
 	</MediaScroller>
 {/each}
-<p>{data.all_brief.length}</p>
 {#if data.user && data.user.access.includes("rezepte")}
 	<AddButton></AddButton>
 {/if}

src/routes/(rezepte)/rezepte/[name]/+page.server.ts

@@ -1,15 +0,0 @@
-// import { error } from '@sveltejs/kit';
-import type { PageLoad } from "./$types";
-//import { Recipe } from '../../../models/Recipe';
-//import { dbConnect, dbDisconnect } from '../../../utils/db';
-import { error } from "@sveltejs/kit";
-
-export async function load({ fetch, params, locals }) {
-    const res = await fetch(`/api/items/${params.name}`);
-    let item = await res.json();
-    item.user = locals.user
-    if(res.status != 200){
-	    throw error(res.status, item.message)
-    }
-    return item;
-};

src/routes/(rezepte)/rezepte/[name]/+page.svelte

@@ -242,6 +242,4 @@ h4{
 </div>
 </TitleImgParallax>
 
-{#if data.user && data.user.access.includes("rezepte")}
 <EditButton href="/rezepte/edit/{data.short_name}"></EditButton>
-{/if}

src/routes/(rezepte)/rezepte/[name]/+page.ts

@@ -0,0 +1,10 @@
+import { error } from "@sveltejs/kit";
+
+export async function load({ fetch, params}) {
+    const res = await fetch(`/api/items/${params.name}`);
+    let item = await res.json();
+    if(!res.ok){
+	    throw error(res.status, item.message)
+    }
+    return item;
+}