import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link, router, useForm } from '@inertiajs/react'; import { Badge } from '@/Components/ui/badge'; import { LinkButton } from '@/Components/ui/button'; import { Plus, Search } from 'lucide-react'; export default function SuppliersIndex({ suppliers }: any) { const { data, setData, get } = useForm({ search: new URLSearchParams(window.location.search).get('search') ?? '' }); const search = (e: React.FormEvent) => { e.preventDefault(); get('/suppliers'); }; return (
setData('search',e.target.value)} placeholder="Search suppliers..." className="border rounded-md px-3 py-2 text-sm flex-1 focus:outline-none focus:ring-2 focus:ring-primary/30" />
New Supplier
{suppliers.data.map((s: any) => ( ))}
NameContactEmailPOsStatus
{s.name} {s.contact_name ?? '—'} {s.email ?? '—'} {s.purchase_orders_count} Edit
{suppliers.data.length === 0 &&

No suppliers found.

}
); }