74 lines
1.9 KiB
TypeScript
74 lines
1.9 KiB
TypeScript
"use client"
|
|
|
|
import {
|
|
AlertTriangleIcon,
|
|
CheckIcon,
|
|
ChevronDownIcon,
|
|
CopyIcon,
|
|
ShareIcon,
|
|
TrashIcon,
|
|
UserRoundXIcon,
|
|
VolumeOffIcon,
|
|
} from "lucide-react"
|
|
|
|
import { Button } from "@/styles/radix-nova/ui/button"
|
|
import { ButtonGroup } from "@/styles/radix-nova/ui/button-group"
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuGroup,
|
|
DropdownMenuItem,
|
|
DropdownMenuSeparator,
|
|
DropdownMenuTrigger,
|
|
} from "@/styles/radix-nova/ui/dropdown-menu"
|
|
|
|
export default function ButtonGroupDropdown() {
|
|
return (
|
|
<ButtonGroup>
|
|
<Button variant="outline">Follow</Button>
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button variant="outline" className="pl-2!">
|
|
<ChevronDownIcon />
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent align="end" className="w-44">
|
|
<DropdownMenuGroup>
|
|
<DropdownMenuItem>
|
|
<VolumeOffIcon />
|
|
Mute Conversation
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem>
|
|
<CheckIcon />
|
|
Mark as Read
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem>
|
|
<AlertTriangleIcon />
|
|
Report Conversation
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem>
|
|
<UserRoundXIcon />
|
|
Block User
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem>
|
|
<ShareIcon />
|
|
Share Conversation
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem>
|
|
<CopyIcon />
|
|
Copy Conversation
|
|
</DropdownMenuItem>
|
|
</DropdownMenuGroup>
|
|
<DropdownMenuSeparator />
|
|
<DropdownMenuGroup>
|
|
<DropdownMenuItem variant="destructive">
|
|
<TrashIcon />
|
|
Delete Conversation
|
|
</DropdownMenuItem>
|
|
</DropdownMenuGroup>
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
</ButtonGroup>
|
|
)
|
|
}
|