import { Button } from '@/components/ui/button'; import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import AuthenticatedLayout from '@/layouts/AuthenticatedLayout'; import { truncate } from '@/lib/utils'; import type { PageProps } from '@/types'; import { Head, Link, router } from '@inertiajs/react'; import { Eye, ImagePlus, ListPlus, Pencil, Trash2 } from 'lucide-react'; interface Client { id: number; name: string; } interface User { id: number; name: string; } interface Category { id: number; name: string; } interface Project { id: number; title: string; description: string; doc: string; image: string; link: string | null; location: string | null; complete: string | null; slug: string; status: boolean; type: string; category: Category; clientId: number | null; post_by: number | null; edit_by: number | null; created_at: string; updated_at: string; more_projects_count: number; project_photos_count: number; } export default function ProjectIndex({ auth, projects, clients, users, categories, }: PageProps<{ projects: Project[]; clients: Client[]; users: User[]; categories: Category[] }>) { const handleDelete = (id: number) => { if (confirm('Are you sure you want to delete this project?')) { router.delete(route('admin.projects.destroy', id)); } }; return ( Projects}>
A list of your projects. Title Category Status Type Actions {projects.map((project) => ( {truncate(project.title, 50)} {project.category.name} {project.status ? 'Active' : 'Inactive'} {project.type}

{project.project_photos_count}-photos {project.more_projects_count}-docs

))}
); }