diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/CustomerTruckAssignmentCard.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/CustomerTruckAssignmentCard.tsx
index 8d18a42ab..5f143b28c 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/CustomerTruckAssignmentCard.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/CustomerTruckAssignmentCard.tsx
@@ -25,6 +25,7 @@ import { customerTrucksService } from "@/services/customer-trucks.service";
import { CardTitle, SectionCard } from "./layout";
import { BulkTruckUploadModal } from "./BulkTruckUploadModal";
+import { generateTruckAssignmentTemplate } from "@/utils/truck-assignment-template";
const TRUCK_TYPES = ["Flatbed", "Container Chassis", "Lowboy", "Box Truck", "Tipper"];
@@ -182,14 +183,24 @@ export function CustomerTruckAssignmentCard({
External Truck Assignment
- }
- onClick={() => setBulkModalOpen(true)}
- >
- Bulk Upload
-
+
+ }
+ onClick={() => generateTruckAssignmentTemplate("truck-assignments.xlsx")}
+ >
+ Download Template
+
+ }
+ onClick={() => setBulkModalOpen(true)}
+ >
+ Bulk Upload
+
+
{pendingAssignmentCount > 0 && (
{pendingAssignmentCount} container{pendingAssignmentCount !== 1 ? "s" : ""} pending assignment