import { Head } from '@inertiajs/react'; import { useState } from 'react'; import type { PaginationState } from '@/components/data-display'; import { DataTable } from '@/components/data-display'; import { PageHeader } from '@/components/layout'; import { useServerTable } from '@/hooks/use-server-table'; import type { FormHistory } from './columns'; import { createFormHistoryColumns } from './columns'; import { AttributeChangesDialog } from './attribute-changes-dialog'; type Props = { formHistories: { data: FormHistory[]; current_page: number; last_page: number; per_page: number; total: number; }; modules: string[]; events: Record; }; export default function FormHistoryIndex({ formHistories, modules, events }: Props) { const [detailItem, setDetailItem] = useState(null); const pagination: PaginationState = { current_page: formHistories.current_page, last_page: formHistories.last_page, per_page: formHistories.per_page, total: formHistories.total, }; const { search, handlePageChange, handlePerPageChange, handleSearchChange, } = useServerTable({ route: () => route('admin.form-histories.index'), pagination, }); const columns = createFormHistoryColumns({ handleDetail: (item) => setDetailItem(item), }); return ( <>

{ if (!open) { setDetailItem(null); } }} item={detailItem} />

); }