import { Button } from '@/components/ui/button'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link } from '@inertiajs/react'; import { Plus, BookMarked } from 'lucide-react'; import { useCrudOperations } from '@/hooks/use-crud-operations'; import { ServerDataTable, PaginatedData } from '@/components/ui/server-data-table'; import { createBaseColumns, createMobileCard } from '@/lib/datatable-helpers'; interface Metodology { id: number; name: string; description?: string; created_at: string; updated_at: string; } interface Props { metodologies: PaginatedData; filters: { search?: string; }; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Metodologías', href: '/metodologies' }, ]; export default function MetodologiesIndex({ metodologies, filters }: Props) { const { handleDelete } = useCrudOperations({ entityName: 'Metodología', entityNamePlural: 'Metodologías', basePath: '/metodologies' }); const columns = createBaseColumns({ entityPath: '/metodologies', entityIcon: BookMarked, handleDelete }); const renderMobileCard = (metodology: Metodology) => createMobileCard(metodology, '/metodologies', BookMarked, handleDelete); return (

{/* Header */}

Metodologías

Gestiona las metodologías de investigación y enseñanza

{/* DataTable */}

); }