ORDERHISTORY COMPONENT
Display customer order history with status badges and tracking information.
PROPS
| Prop | Type | Description |
|---|---|---|
| orders | Order[] | Array of orders |
| loading | boolean | Loading state |
| onOrderClick | (order) => void | Order click handler |
Order Status Variants
Empty State
USAGE EXAMPLES
IMPLEMENTATION
1import { OrderHistory } from '@/components/fanbace/order-history';2import { useOrders } from '@/lib/sdk';3 4export default function OrdersPage() {5 const { orders, loading } = useOrders();6 7 return (8 <OrderHistory9 orders={orders}10 loading={loading}11 onOrderClick={(order) => router.push(`/orders/${order.id}`)}12 />13 );14}