import { Head, Link } from '@inertiajs/react';
import { Trash2, KeyRound, Plus, X } from 'lucide-react';
import { DataTable } from '@/components/data-table';
import { DeleteConfirmation } from '@/components/modal/delete-confirmation';
import {
AlertDialog,
AlertDialogAction,
AlertDialogCancel,
AlertDialogContent,
AlertDialogDescription,
AlertDialogFooter,
AlertDialogHeader,
AlertDialogMedia,
AlertDialogTitle,
} from "@/components/ui/alert-dialog"
import { Button } from '@/components/ui/button';
import { Card, CardContent } from '@/components/ui/card';
import userRoutes from '@/routes/user';
import type { User } from '@/types';
import { useUserIndex } from './hooks/use-user-index';
import { getColumns } from './partials/columns';
export default function UserIndex({ users, defaultPassword }: { users: User[], defaultPassword: string }) {
const {
isDeleteDialogOpen,
isBulkDeleteDialogOpen,
userToDelete,
isResetPasswordOpen,
userToReset,
rowsToDelete,
rowSelection,
setRowSelection,
setRowsToDelete,
setIsDeleteDialogOpen,
setIsBulkDeleteDialogOpen,
setIsResetPasswordOpen,
onResetPassword,
confirmResetPassword,
onDelete,
confirmDelete,
confirmBulkDelete,
} = useUserIndex();
const columns = getColumns({ onResetPassword, onDelete });
return (
{
setRowsToDelete(rows);
setIsBulkDeleteDialogOpen(true);
},
icon: Trash2,
variant: 'destructive'
},
]}
/>
{/* Reset Password Confirmation */}
Reset kata sandi?
Tindakan ini akan mereset kata sandi {userToReset?.name} menjadi {defaultPassword}. Pengguna dapat mengubahnya kembali nanti.
Batal
Reset
{/* Single Delete Confirmation */}
Tindakan ini tidak dapat dibatalkan. Pegawai {userToDelete?.name} akan dihapus secara permanen.
}
onDelete={confirmDelete}
/>
{/* Bulk Delete Confirmation */}
Tindakan ini tidak dapat dibatalkan. {rowsToDelete.length} item yang terpilih akan dihapus secara permanen.
}
onDelete={confirmBulkDelete}
/>
);
}
UserIndex.layout = {
breadcrumbs: [
{
title: 'Master',
},
],
};