import { Head, Link } from '@inertiajs/react'; import { ConfigurableTable } from '@/components/ui/configurable-table'; import { PaginationLinks } from '@/components/ui/pagination-links'; import { PublicLayout } from '@/layouts/public-layout'; import type { PaginatedData } from '@/types'; type OrderRow = { id: number; order_number: string; status: string; currency: string; total_minor: number; items_count: number; placed_at: string | null; }; type OrdersIndexProps = { orders: PaginatedData; }; export default function AccountOrdersIndex({ orders }: OrdersIndexProps) { return (

My Orders

Continue Shopping
{orders.data.length === 0 ? (
You have not placed any orders yet.
) : ( <> {orders.data.map((order) => ( ))}
Order Status Items Total Placed Action
{order.order_number} {order.status} {order.items_count} {formatMoney( order.total_minor, order.currency, )} {order.placed_at || '-'} View
{orders.data.map((order) => (

{order.order_number}

{order.placed_at || '-'}

Status: {order.status}

Items: {order.items_count}

{formatMoney( order.total_minor, order.currency, )}

View Order
))}

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

)}
); } function formatMoney(minor: number, currency: string): string { return `${currency} ${(minor / 100).toFixed(2)}`; }