import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link, 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 CustomersIndex({ customers }: any) { const { data, setData, get } = useForm({ search: new URLSearchParams(window.location.search).get('search')??'' }); const search = (e: React.FormEvent) => { e.preventDefault(); get('/customers'); }; return (
setData('search',e.target.value)} placeholder="Search customers..." className="border rounded-md px-3 py-2 text-sm flex-1 focus:outline-none focus:ring-2 focus:ring-primary/30" />
New Customer
{customers.data.map((c:any)=>)}
NameContactEmailDOsStatus
{c.name}{c.contact_name??'—'}{c.email??'—'}{c.delivery_orders_count}
{customers.data.length===0&&

No customers found.

}
); }