OrderTrackingTimeline

Domain

Vertical timeline of order milestones (placed → preparing → on the way → delivered) with timestamps.

In progress

Preview

  1. Order placed

  2. Restaurant is preparing

  3. Ready for pickup

  4. Out for delivery

    In progress…

  5. Delivered

Code
<OrderTrackingTimeline steps={[{ key: 'PLACED', ... }, { key: 'ON_THE_WAY', isCurrent: true }, { key: 'DELIVERED' }]} />

Cancelled

Preview

  1. Order placed

  2. Order cancelled

    Restaurant declined the order.

Code
<OrderTrackingTimeline steps={[{ key: 'PLACED', ... }, { key: 'CANCELLED', occurredAt: date }]} />
Sourcemodules/domains/food/order/OrderTrackingTimeline.tsx