-
Notifications
You must be signed in to change notification settings - Fork 95
Open
Labels
Description
Description:
Create a ShipmentCard reusable component used in the shipments list, marketplace, and dashboard recent-shipments grid. Clicking anywhere on the card navigates to the shipment detail page.
Create frontend/components/shipment/shipment-card.tsx.
Acceptance Criteria:
-
'use client'directive - Accepts
shipment: Shipmentprop - Entire card is wrapped in a
<Link href={/shipments/${shipment.id}}>with hover shadow effect - Displays:
trackingNumber(monospace, small),origin → destination(bold),StatusBadge, cargo description (2-line truncate), weight in kg, volume in m³ (if present), formatted price usingIntl.NumberFormat - Shows estimated delivery date if present, formatted as "ETA: Mar 5, 2025"
- Uses
Card,CardHeader,CardContentfrom the UI library -
StatusBadgealigned to top-right of the header
Reactions are currently unavailable