added tons of features
This commit is contained in:
47
components/(protected)/admin/footer.tsx
Normal file
47
components/(protected)/admin/footer.tsx
Normal file
@@ -0,0 +1,47 @@
|
||||
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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user