75 lines
2.2 KiB
TypeScript
75 lines
2.2 KiB
TypeScript
"use client";
|
|
import { AlertModal } from "@/components/alert-modal";
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuLabel,
|
|
DropdownMenuTrigger,
|
|
} from "@/components/ui/dropdown-menu";
|
|
import { useToast } from "@/components/ui/use-toast";
|
|
import { User } from "@/types/user";
|
|
|
|
import { Edit, MoreHorizontal, Trash, UserCheck } from "lucide-react";
|
|
import Link from "next/link";
|
|
import { useRouter } from "next/navigation";
|
|
import { useState } from "react";
|
|
|
|
interface CellActionProps {
|
|
data: User;
|
|
}
|
|
|
|
export const CellAction: React.FC<CellActionProps> = ({ data }) => {
|
|
const [loading, setLoading] = useState(false);
|
|
const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
|
|
const router = useRouter();
|
|
const { toast } = useToast();
|
|
|
|
const onDeleteConfirm = async () => {};
|
|
|
|
|
|
console.log(data)
|
|
|
|
return (
|
|
<>
|
|
<AlertModal
|
|
isOpen={isDeleteModalOpen}
|
|
onClose={() => setIsDeleteModalOpen(false)}
|
|
onConfirm={onDeleteConfirm}
|
|
loading={loading}
|
|
/>
|
|
<DropdownMenu modal={false}>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button variant="ghost" className="h-8 w-8 p-0">
|
|
<span className="sr-only">Open menu</span>
|
|
<MoreHorizontal className="h-4 w-4" />
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent align="end">
|
|
<DropdownMenuLabel>Actions</DropdownMenuLabel>
|
|
|
|
<DropdownMenuItem className="cursor-pointer">
|
|
<UserCheck className="mr-2 h-4 w-4" /> Approve User
|
|
</DropdownMenuItem>
|
|
|
|
<DropdownMenuItem className="cursor-pointer p-0">
|
|
<Link
|
|
href={`/dashboard/users/edit/${data.id}`}
|
|
className="flex items-center gap-2 px-2 py-1.5 w-full"
|
|
>
|
|
<Edit className="h-4 w-4" /> Edit
|
|
</Link>
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem
|
|
className="cursor-pointer"
|
|
onClick={() => setIsDeleteModalOpen(true)}
|
|
>
|
|
<Trash className="mr-2 h-4 w-4" /> Delete
|
|
</DropdownMenuItem>
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
</>
|
|
);
|
|
};
|