26 lines
1.2 KiB
Svelte
26 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import UserInfo from '@/components/UserInfo.svelte';
|
|
import UserMenuContent from '@/components/UserMenuContent.svelte';
|
|
import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
|
|
import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from '@/components/ui/sidebar';
|
|
import { page } from '@inertiajs/svelte';
|
|
import { ChevronsUpDown } from 'lucide-svelte';
|
|
|
|
const user = $derived($page.props.auth.user);
|
|
</script>
|
|
|
|
<SidebarMenu>
|
|
<SidebarMenuItem>
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger>
|
|
<SidebarMenuButton size="lg" class="text-sidebar-accent-foreground data-[state=open]:bg-sidebar-accent group">
|
|
<UserInfo {user} />
|
|
<ChevronsUpDown class="ml-auto size-4" />
|
|
</SidebarMenuButton>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent class="w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg" side="bottom" align="end" sideOffset={4}>
|
|
<UserMenuContent {user} />
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
</SidebarMenuItem>
|
|
</SidebarMenu>
|