48 lines
1.1 KiB
TypeScript
48 lines
1.1 KiB
TypeScript
import {DropdownMenuTrigger} from '@radix-ui/react-dropdown-menu'
|
|
import {ChevronUp, User2} from 'lucide-react'
|
|
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem
|
|
} from '@/ui/dropdown-menu'
|
|
import {
|
|
SidebarFooter,
|
|
SidebarMenu,
|
|
SidebarMenuButton,
|
|
SidebarMenuItem
|
|
} from '@/ui/sidebar'
|
|
|
|
export default function AdminSidebarFooter() {
|
|
return (
|
|
<SidebarFooter>
|
|
<SidebarMenu>
|
|
<SidebarMenuItem>
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<SidebarMenuButton>
|
|
<User2 /> Username
|
|
<ChevronUp className='ml-auto' />
|
|
</SidebarMenuButton>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent
|
|
side='top'
|
|
className='w-[--radix-popper-anchor-width]'
|
|
>
|
|
<DropdownMenuItem>
|
|
<span>Account</span>
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem>
|
|
<span>Billing</span>
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem>
|
|
<span>Sign out</span>
|
|
</DropdownMenuItem>
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
</SidebarMenuItem>
|
|
</SidebarMenu>
|
|
</SidebarFooter>
|
|
)
|
|
}
|