69 lines
2.0 KiB
TypeScript
69 lines
2.0 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 { BookCheck, Edit, MoreHorizontal, Trash } from "lucide-react";
|
||
|
|
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 () => {};
|
||
|
|
|
||
|
|
const handleUpdateStatus = async () => {};
|
||
|
|
|
||
|
|
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"
|
||
|
|
// onClick={() =>
|
||
|
|
// router.push(`#`)
|
||
|
|
// }
|
||
|
|
>
|
||
|
|
<Edit className="mr-2 h-4 w-4" /> Update
|
||
|
|
</DropdownMenuItem>
|
||
|
|
<DropdownMenuItem
|
||
|
|
className="cursor-pointer"
|
||
|
|
onClick={() => setIsDeleteModalOpen(true)}
|
||
|
|
>
|
||
|
|
<Trash className="mr-2 h-4 w-4" /> Delete
|
||
|
|
</DropdownMenuItem>
|
||
|
|
</DropdownMenuContent>
|
||
|
|
</DropdownMenu>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
};
|