ORDERDETAILS COMPONENT
Comprehensive order view with items, shipping, payment, and status timeline.
PROPS
| Prop | Type | Description |
|---|---|---|
| order | Order | Order data to display |
| showTimeline | boolean | Show status timeline |
| onTrackShipment | () => void | Track shipment handler |
Complete Order View
USAGE EXAMPLES
IMPLEMENTATION
1import { OrderDetails } from '@/components/fanbace/order-details';2import { useOrder } from '@/lib/sdk';3 4export default function OrderPage({ orderId }: Props) {5 const { order, loading } = useOrder(orderId);6 7 if (loading) return <Loader />;8 9 return (10 <OrderDetails11 order={order}12 showTimeline13 onTrackShipment={() => window.open(order.tracking.trackingUrl)}14 />15 );16}