diff --git a/apps/edr-freight-web/backoffice/src/pages/operations/LastMilePage.tsx b/apps/edr-freight-web/backoffice/src/pages/operations/LastMilePage.tsx index a66dda5de..fa3f71e9c 100644 --- a/apps/edr-freight-web/backoffice/src/pages/operations/LastMilePage.tsx +++ b/apps/edr-freight-web/backoffice/src/pages/operations/LastMilePage.tsx @@ -1552,11 +1552,12 @@ const LastMilePage = () => { label={i === 0 ? "Container no." : undefined} placeholder="Container number" value={row.containerNumber} - onChange={(e) => + onChange={(e) => { + const value = e.currentTarget.value; setVehicleRows((prev) => - prev.map((x, idx) => (idx === i ? { ...x, containerNumber: e.currentTarget.value } : x)), - ) - } + prev.map((x, idx) => (idx === i ? { ...x, containerNumber: value } : x)), + ); + }} /> {vehicleRows.length > 1 && ( { > {activeRecord && } + {activeRecord && (activeRecord.vehicleAssignments?.length ?? 0) > 0 && ( + + Assigned vehicles + + {activeRecord.vehicleAssignments!.map((a) => { + const v = a.vehicle; + const label = v + ? [v.code, v.plateNumber].filter(Boolean).join(" ยท ") + : a.vehicleId; + return ( + + {label} + {a.containerNumber ? ( + + {a.containerNumber} + + ) : ( + No container no. + )} + + ); + })} + + + )} {activeRecord && ( Delivery steps