From 803cc8b13c10fe249b3086071ac036cce81de00d Mon Sep 17 00:00:00 2001 From: Stan Runge Date: Sun, 1 Mar 2026 20:11:13 +0100 Subject: [PATCH] feat: enhance user profile menu; add settings link and logout functionality --- src/lib/components/Header.svelte | 81 +++++++++++++++++++++++++++----- 1 file changed, 68 insertions(+), 13 deletions(-) diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte index 1deae8a..4e50112 100644 --- a/src/lib/components/Header.svelte +++ b/src/lib/components/Header.svelte @@ -10,24 +10,79 @@ }; const badge = $derived(user?.role ? roleBadge[user.role] : null); + + let menuOpen = $state(false); + + function toggleMenu() { + menuOpen = !menuOpen; + } + + function closeMenu() { + menuOpen = false; + } + { + const target = e.target as HTMLElement; + if (!target.closest('[data-profile-menu]')) closeMenu(); +}} /> +
{#if user} -
- {#if user.isRootAdmin} - - ROOT - - {:else if badge} - - {badge.label} - +
+ + + {#if menuOpen} +
+ + + + + + Settings + +
+
+ +
+
{/if} - {#if user.image} - {user.name} - {/if} -
{:else}