import { Head, Link, router } from '@inertiajs/react'; import type { FormEvent } from 'react'; import { useState } from 'react'; type Order = { id: number; order_number: string; status: string; payment_status: string; customer_name: string; customer_email: string; total: string; items_count: number; created_at: string }; type Pagination = { data: T[]; links: { url: string | null; label: string; active: boolean }[] }; export default function AdminOrdersIndex({ orders, filters }: { orders: Pagination; filters: { search: string; status: string } }) { const [search, setSearch] = useState(filters.search ?? ''); const [status, setStatus] = useState(filters.status ?? ''); function submit(event: FormEvent) { event.preventDefault(); router.get('/admin/orders', { search, status }, { preserveState: true }); } return ( <>

Admin

Orders

setSearch(event.target.value)} placeholder="Search order, customer, email" />
{orders.data.map((order) => (
{order.order_number}

{order.customer_name} ยท {order.customer_email}

{order.status.replace('_', ' ')}

{order.payment_status}

{order.total}

{order.items_count} item(s)

))}
); }