136 lines
3.7 KiB
TypeScript
136 lines
3.7 KiB
TypeScript
'use client';
|
|
import { AlertModal } from '@/components/modal/alert-modal';
|
|
import { useDeleteTraining } from '@/feactures/training/hooks/use-training';
|
|
import { TrainingSchema } from '@/feactures/training/schemas/training';
|
|
import { Button } from '@repo/shadcn/button';
|
|
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipProvider,
|
|
TooltipTrigger,
|
|
} from '@repo/shadcn/tooltip';
|
|
import { Edit, Eye, Trash, FileDown } from 'lucide-react';
|
|
import { useRouter } from 'next/navigation';
|
|
import { useState } from 'react';
|
|
import { TrainingViewModal } from '../training-view-modal';
|
|
|
|
interface CellActionProps {
|
|
data: TrainingSchema;
|
|
apiUrl: string;
|
|
}
|
|
|
|
export const CellAction: React.FC<CellActionProps> = ({ data, apiUrl }) => {
|
|
const [loading, setLoading] = useState(false);
|
|
const [open, setOpen] = useState(false);
|
|
const [viewOpen, setViewOpen] = useState(false);
|
|
const { mutate: deleteTraining } = useDeleteTraining();
|
|
const router = useRouter();
|
|
|
|
const onConfirm = async () => {
|
|
try {
|
|
setLoading(true);
|
|
deleteTraining(data.id!);
|
|
setOpen(false);
|
|
} catch (error) {
|
|
console.error('Error:', error);
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
};
|
|
|
|
const handleExport = (id?: number | undefined) => {
|
|
window.open(`${apiUrl}/training/export/${id}`, '_blank');
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<AlertModal
|
|
isOpen={open}
|
|
onClose={() => setOpen(false)}
|
|
onConfirm={onConfirm}
|
|
loading={loading}
|
|
title="¿Estás seguro que desea eliminar este registro?"
|
|
description="Esta acción no se puede deshacer."
|
|
/>
|
|
|
|
<TrainingViewModal
|
|
isOpen={viewOpen}
|
|
onClose={() => setViewOpen(false)}
|
|
data={data}
|
|
/>
|
|
|
|
<div className="flex gap-1">
|
|
<TooltipProvider>
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button
|
|
variant="outline"
|
|
size="icon"
|
|
onClick={() => setViewOpen(true)}
|
|
>
|
|
<Eye className="h-4 w-4" />
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent>
|
|
<p>Ver detalle</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
|
|
<TooltipProvider>
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button
|
|
variant="outline"
|
|
size="icon"
|
|
onClick={() => handleExport(data.id)}
|
|
>
|
|
<FileDown className="h-4 w-4" />
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent>
|
|
<p>Exportar Excel</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
|
|
<TooltipProvider>
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button
|
|
variant="outline"
|
|
size="icon"
|
|
onClick={() =>
|
|
router.push(`/dashboard/formulario/editar/${data.id}`)
|
|
}
|
|
>
|
|
<Edit className="h-4 w-4" />
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent>
|
|
<p>Editar</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
|
|
<TooltipProvider>
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button
|
|
variant="outline"
|
|
size="icon"
|
|
onClick={() => setOpen(true)}
|
|
>
|
|
<Trash className="h-4 w-4" />
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent>
|
|
<p>Eliminar</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|