import { Head, Link, router, usePage } from '@inertiajs/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 Customer = { id: number; name: string; email: string; phone: string | null; address_line1: string | null; address_line2: string | null; city: string | null; postal_code: string | null; country: string | null; orders_count: number; orders_total_minor: number; created_at: string | null; }; type OrderRow = { id: number; order_number: string; status: string; status_label: string; currency: string; total_minor: number; items_count: number; placed_at: string | null; }; type CustomerShowProps = { customer: Customer; orders: PaginatedData; }; export default function AdminCustomerShow({ customer, orders, }: CustomerShowProps) { const { config } = usePage().props; return (
Back to customers

{customer.name}

{customer.email}

Edit

{customer.orders_count} orders

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

{customer.name}

{customer.email}

{customer.phone ?

{customer.phone}

: null}

{customer.address_line1 || '-'}

{customer.address_line2 ? (

{customer.address_line2}

) : null}

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

{customer.country || '-'}

Customer ID: {customer.id}

Joined: {customer.created_at || '-'}

Order History

{orders.data.map((order) => ( ))}
Order Status Items Total Actions

{order.order_number}

{order.placed_at || '-'}

{order.status_label} {order.items_count} {formatMoney( order.total_minor, order.currency, )} View
); } function deleteCustomer(id: number) { if (!window.confirm('Delete this customer?')) { return; } router.delete(`/admin/customers/${id}`); } function InfoPanel({ title, children, }: { title: string; children: React.ReactNode; }) { return (

{title}

{children}
); }