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 4bd70c9bb..932be7702 100644
--- a/apps/edr-freight-web/backoffice/src/pages/operations/LastMilePage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/operations/LastMilePage.tsx
@@ -44,12 +44,19 @@ interface LastMileJob {
// Booking info shown in the Assign / View Detail modals.
serviceType: string;
weight: string;
+ price: number;
originYard: string;
contactName: string;
contactPhone: string;
requestedDate: string;
}
+const formatPrice = (amount: number) =>
+ `ETB ${amount.toLocaleString("en-US", {
+ minimumFractionDigits: 2,
+ maximumFractionDigits: 2,
+ })}`;
+
const DELIVERY_STATUS_META: Record<
DeliveryStatus,
{ label: string; color: string }
@@ -93,6 +100,7 @@ const PLACEHOLDER_JOBS: LastMileJob[] = [
assignedVehicle: null,
serviceType: "Door-to-door (Last Mile)",
weight: "12.4 t",
+ price: 4500,
originYard: "Indode Dry Port",
contactName: "Selam Bekele",
contactPhone: "+251 911 234 567",
@@ -109,6 +117,7 @@ const PLACEHOLDER_JOBS: LastMileJob[] = [
assignedVehicle: "Isuzu FVR (3-AA-45821)",
serviceType: "Terminal-to-door (Last Mile)",
weight: "18.0 t",
+ price: 3200,
originYard: "Dire Dawa Terminal",
contactName: "Yonas Tadesse",
contactPhone: "+251 912 887 010",
@@ -125,6 +134,7 @@ const PLACEHOLDER_JOBS: LastMileJob[] = [
assignedVehicle: null,
serviceType: "Door-to-door (Last Mile)",
weight: "24.7 t",
+ price: 6800,
originYard: "Mojo Dry Port",
contactName: "Hanna Girma",
contactPhone: "+251 913 445 221",
@@ -177,6 +187,7 @@ const BookingInfo = ({ job }: { job: LastMileJob }) => (
+
@@ -193,6 +204,7 @@ const tripSlipRows = (job: LastMileJob): [string, string][] => [
["Destination", job.destination],
["Cargo", job.cargo],
["Weight", job.weight],
+ ["Price", formatPrice(job.price)],
["Vehicle", job.assignedVehicle ?? "Unassigned"],
["Contact", `${job.contactName} ยท ${job.contactPhone}`],
["Requested date", job.requestedDate],
@@ -544,6 +556,12 @@ const LastMilePage = () => {
meta: { headerClassName, cellClassName },
cell: ({ row }) => row.original.cargo,
},
+ {
+ id: "price",
+ header: "Price",
+ meta: { headerClassName, cellClassName },
+ cell: ({ row }) => formatPrice(row.original.price),
+ },
{
id: "vehicle",
header: "Vehicle",