import { Head, Link, router, usePage } from '@inertiajs/react'; import { useState } from 'react'; import { ConfigurableTable } from '@/components/ui/configurable-table'; import { PaginationLinks } from '@/components/ui/pagination-links'; import { AdminLayout } from '@/layouts/admin-layout'; import { formatMoney } from '@/lib/money'; import type { AppPageProps, PaginatedData } from '@/types'; type CustomerRow = { id: number; name: string; email: string; phone: string | null; city: string | null; country: string | null; orders_count: number; orders_total_minor: number; created_at: string | null; }; type CustomersIndexProps = { customers: PaginatedData; filters: { search: string; }; }; export default function AdminCustomersIndex({ customers, filters, }: CustomersIndexProps) { const { config } = usePage().props; const [search, setSearch] = useState(filters.search || ''); const submitSearch = (event: React.FormEvent) => { event.preventDefault(); router.get('/admin/customers', search ? { search } : {}, { preserveState: true, replace: true, preserveScroll: true, }); }; return (

Customers

Manage customer profiles, contact details, and order history.

Create Customer

{customers.data.map((customer) => (

{customer.name}

{customer.email}

Orders: {customer.orders_count}

Total:{' '} {formatMoney( customer.orders_total_minor, config.default_currency, )}

Phone: {customer.phone || '-'}

City: {customer.city || '-'}

View Edit

))}

{customers.data.map((customer) => ( ))}

Customer	Location	Orders	Joined	Actions
{customer.name} {customer.email} {customer.phone ? ( {customer.phone} ) : null}	{[customer.city, customer.country] .filter(Boolean) .join(', ') \|\| '-'}	{customer.orders_count} orders {formatMoney( customer.orders_total_minor, config.default_currency, )}	{customer.created_at \|\| '-'}	View Edit

Customer

Location

Orders

Joined

Actions

{customer.name}

{customer.email}

{customer.phone ? (

{customer.phone}

) : null}

{[customer.city, customer.country] .filter(Boolean) .join(', ') || '-'}

{customer.orders_count} orders

{formatMoney( customer.orders_total_minor, config.default_currency, )}

{customer.created_at || '-'}

View Edit

Showing {customers.from || 0} to {customers.to || 0} of{' '} {customers.total} customers

); } function deleteCustomer(id: number) { if (!window.confirm('Delete this customer?')) { return; } router.delete(`/admin/customers/${id}`); }