57 lines
1.8 KiB
TypeScript
57 lines
1.8 KiB
TypeScript
|
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
|
||
|
|
import { Button } from "@/components/ui/button";
|
||
|
|
import {
|
||
|
|
DropdownMenu,
|
||
|
|
DropdownMenuContent,
|
||
|
|
DropdownMenuGroup,
|
||
|
|
DropdownMenuItem,
|
||
|
|
DropdownMenuLabel,
|
||
|
|
DropdownMenuSeparator,
|
||
|
|
DropdownMenuShortcut,
|
||
|
|
DropdownMenuTrigger,
|
||
|
|
} from "@/components/ui/dropdown-menu";
|
||
|
|
import { RiMenu3Line } from "react-icons/ri";
|
||
|
|
|
||
|
|
export function MobileMenu() {
|
||
|
|
return (
|
||
|
|
<DropdownMenu>
|
||
|
|
<DropdownMenuTrigger asChild>
|
||
|
|
<button className="center text-foregroun hover:text-muted-foreground">
|
||
|
|
<RiMenu3Line className="h-5 w-5" />
|
||
|
|
</button>
|
||
|
|
</DropdownMenuTrigger>
|
||
|
|
<DropdownMenuContent className="z-header+ w-56" align="end" forceMount>
|
||
|
|
<DropdownMenuLabel className="font-normal">
|
||
|
|
<div className="flex flex-col space-y-1">
|
||
|
|
<p className="text-sm font-medium leading-none">shadcn</p>
|
||
|
|
<p className="text-xs leading-none text-muted-foreground">
|
||
|
|
m@example.com
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</DropdownMenuLabel>
|
||
|
|
<DropdownMenuSeparator />
|
||
|
|
<DropdownMenuGroup>
|
||
|
|
<DropdownMenuItem>
|
||
|
|
Profile
|
||
|
|
<DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
|
||
|
|
</DropdownMenuItem>
|
||
|
|
<DropdownMenuItem>
|
||
|
|
Billing
|
||
|
|
<DropdownMenuShortcut>⌘B</DropdownMenuShortcut>
|
||
|
|
</DropdownMenuItem>
|
||
|
|
<DropdownMenuItem>
|
||
|
|
Settings
|
||
|
|
<DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
|
||
|
|
</DropdownMenuItem>
|
||
|
|
<DropdownMenuItem>New Team</DropdownMenuItem>
|
||
|
|
</DropdownMenuGroup>
|
||
|
|
<DropdownMenuSeparator />
|
||
|
|
<DropdownMenuItem>
|
||
|
|
Log out
|
||
|
|
<DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
|
||
|
|
</DropdownMenuItem>
|
||
|
|
</DropdownMenuContent>
|
||
|
|
</DropdownMenu>
|
||
|
|
);
|
||
|
|
}
|