mirror of
https://github.com/pocket-id/pocket-id.git
synced 2025-12-21 17:25:44 +03:00
269b5a3c92
Co-authored-by: Kyle Mendell <kmendell@outlook.com> Co-authored-by: Elias Schneider <login@eliasschneider.com>
44 lines
1.4 KiB
Svelte
44 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import * as Avatar from '$lib/components/ui/avatar';
|
|
import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
|
|
import { m } from '$lib/paraglide/messages';
|
|
import WebAuthnService from '$lib/services/webauthn-service';
|
|
import userStore from '$lib/stores/user-store';
|
|
import { LucideLogOut, LucideUser } from 'lucide-svelte';
|
|
|
|
const webauthnService = new WebAuthnService();
|
|
|
|
async function logout() {
|
|
await webauthnService.logout();
|
|
window.location.reload();
|
|
}
|
|
</script>
|
|
|
|
<DropdownMenu.Root>
|
|
<DropdownMenu.Trigger
|
|
><Avatar.Root class="h-9 w-9">
|
|
<Avatar.Image src="/api/users/{$userStore?.id}/profile-picture.png" />
|
|
</Avatar.Root></DropdownMenu.Trigger
|
|
>
|
|
<DropdownMenu.Content class="min-w-40" align="start">
|
|
<DropdownMenu.Label class="font-normal">
|
|
<div class="flex flex-col space-y-1">
|
|
<p class="text-sm font-medium leading-none">
|
|
{$userStore?.firstName}
|
|
{$userStore?.lastName}
|
|
</p>
|
|
<p class="text-muted-foreground text-xs leading-none">{$userStore?.email}</p>
|
|
</div>
|
|
</DropdownMenu.Label>
|
|
<DropdownMenu.Separator />
|
|
<DropdownMenu.Group>
|
|
<DropdownMenu.Item href="/settings/account"
|
|
><LucideUser class="mr-2 h-4 w-4" /> {m.my_account()}</DropdownMenu.Item
|
|
>
|
|
<DropdownMenu.Item on:click={logout}
|
|
><LucideLogOut class="mr-2 h-4 w-4" /> {m.logout()}</DropdownMenu.Item
|
|
>
|
|
</DropdownMenu.Group>
|
|
</DropdownMenu.Content>
|
|
</DropdownMenu.Root>
|