import { Head, Link } from '@inertiajs/react'; import { Trash2, Plus } from 'lucide-react'; import { DataTable } from '@/components/data-table'; import { DeleteConfirmation } from '@/components/modal/delete-confirmation'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import productRoutes from '@/routes/product'; import type { Product, Category } from '@/types'; import { ImagePreviewDialog } from '../../../../components/modal/image-preview'; import { useProductIndex } from './hooks/use-product-index'; import { getColumns } from './partials/columns'; import { usePermission } from '@/hooks/use-permission'; export default function ProductIndex({ products, categories }: { products: Product[], categories: Category[] }) { const { hasPermission } = usePermission(); const { selectedImage, isDeleteDialogOpen, isBulkDeleteDialogOpen, productToDelete, rowsToDelete, rowSelection, setRowSelection, setRowsToDelete, setIsDeleteDialogOpen, setIsBulkDeleteDialogOpen, onDelete, confirmDelete, confirmBulkDelete, onToggleStatus, onPreviewImage, closeImagePreview, } = useProductIndex(); const columns = getColumns({ onDelete, onToggleStatus, onPreviewImage }).filter( (col) => col.id !== 'actions' || hasPermission('Edit:Product') || hasPermission('Delete:Product') ); return (

Produk

{hasPermission('Create:Product') && ( )}

({ label: category.name, value: String(category.id), })), }, ]} bulkActions={ hasPermission('DeleteAny:Product') ? [ { label: 'Hapus Terpilih', onClick: (rows) => { setRowsToDelete(rows); setIsBulkDeleteDialogOpen(true); }, icon: Trash2, variant: 'destructive', }, ] : [] } /> {/* Single Delete Confirmation */} Tindakan ini tidak dapat dibatalkan. Produk {productToDelete?.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} />

); } ProductIndex.layout = { breadcrumbs: [ { title: 'Master', }, ], };