import { adminToast } from '@admin/components/ui/admin-toast'; import { CrudCreateLink } from '@admin/components/ui/crud-create-link'; import { DataTable, type DataTableColumn } from '@admin/components/ui/data-table'; import { useCrudPermissions } from '@admin/hooks/use-crud-permissions'; import { DeleteConfirmationModal } from '@admin/components/ui/delete-confirmation-modal'; import { dashboardPersistentLayout } from '@admin/layouts/dashboard-page-layout'; import EditTeamPosition from '@admin/pages/team/positions/edit-team-position'; import { Head } from '@inertiajs/react'; import { useState } from 'react'; type PositionRow = { id: number; name: string; tag: string | null; status: boolean; created_at: string; }; type TeamPositionsIndexProps = { positions: PositionRow[]; }; function TeamPositionsIndex({ positions }: TeamPositionsIndexProps) { const { canEdit, canDelete } = useCrudPermissions('team-position'); const [isEditModalOpen, setIsEditModalOpen] = useState(false); const [initialData, setInitialData] = useState(null); const [deleteModal, setDeleteModal] = useState<{ show: boolean; position: PositionRow | null }>({ show: false, position: null, }); const columns: DataTableColumn[] = [ { header: 'Name', key: 'name' }, { header: 'Tag', key: 'tag' }, { header: 'Status', key: 'status' }, ]; const handleEdit = async (row: PositionRow) => { try { const response = await fetch(`/admin/edit_team_position/${row.id}`); if (!response.ok) { throw new Error('Failed to fetch position'); } const positionData = (await response.json()) as PositionRow; setInitialData(positionData); setIsEditModalOpen(true); } catch { adminToast.error('Could not load position details'); } }; return ( <>

setDeleteModal({ show: true, position: row }) : undefined} showEdit={canEdit} showDelete={canDelete} noDataText="No positions found" />

setDeleteModal({ show: false, position: null })} itemName={deleteModal.position?.name ?? 'this position'} itemType="position" deleteEndpoint={`/admin/api/delete_team_position/${deleteModal.position?.id ?? ''}`} loadingMessage="Deleting position..." /> setIsEditModalOpen(false)} initialData={initialData} /> ); } export default Object.assign(TeamPositionsIndex, { layout: dashboardPersistentLayout('Team positions', 'Manage roles and positions for team members'), });