Workflow: Order Tracking

View order history, check status, and track shipment delivery.

1
View Orders
2
Order Details
3
Track Shipment
1

Step 1: Your Orders

View all your past orders

FAN-2025-001

shipped
Date: 12/20/2025
Total: € 41,18
Items: 1
Carrier: USPS

FAN-2025-002

processing
Date: 12/22/2025
Total: € 119,96
Items: 2

FAN-2025-003

delivered
Date: 12/15/2025
Total: € 44,98
Items: 1
Carrier: UPS

FAN-2025-004

pending
Date: 12/23/2025
Total: € 75,86
Items: 1

FAN-2025-005

cancelled
Date: 12/18/2025
Total: € 47,28
Items: 1
Fetch order historytsx
1import { useOrders } from '@fanbace/sdk';
2 
3function OrderHistory() {
4  const { orders, loading } = useOrders();
5 
6  if (loading) return <OrderHistorySkeleton />;
7 
8  return (
9    <div>
10      {orders.map(order => (
11        <OrderCard
12          key={order.id}
13          order={order}
14          onClick={() => router.push(`/orders/${order.id}`)}
15        />
16      ))}
17    </div>
18  );
19}