From 67f606e50af56661a05060d3d675ccab6792386d Mon Sep 17 00:00:00 2001
From: Hagernesh <hagernesh@example.com>
Date: Thu, 23 Jul 2026 09:21:22 +0000
Subject: [PATCH] =?UTF-8?q?Portal:=20truck=20assignment=20=E2=80=94=20temp?=
 =?UTF-8?q?late=20download=20next=20to=20Bulk=20Upload=20The=20External=20?=
 =?UTF-8?q?Truck=20Assignment=20card=20only=20exposed=20the=20Excel=20temp?=
 =?UTF-8?q?late=20from=20inside=20the=20Bulk=20Upload=20modal.=20A=20Downl?=
 =?UTF-8?q?oad=20Template=20=20button=20now=20sits=20beside=20Bulk=20Uploa?=
 =?UTF-8?q?d=20in=20the=20card=20header,=20matching=20the=20container-impo?=
 =?UTF-8?q?rt=20pattern=20in=20the=20booking=20form,=20so=20customers=20ca?=
 =?UTF-8?q?n=20grab=20the=20template=20without=20opening=20the=20modal=20f?=
 =?UTF-8?q?irst.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CustomerTruckAssignmentCard.tsx           | 27 +++++++++++++------
 1 file changed, 19 insertions(+), 8 deletions(-)

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({
             <CardTitle>External Truck Assignment</CardTitle>
           </Group>
           <Group gap={12}>
-            <Button
-              size="xs"
-              variant="light"
-              leftSection={<Upload size={14} />}
-              onClick={() => setBulkModalOpen(true)}
-            >
-              Bulk Upload
-            </Button>
+            <Group gap="sm">
+              <Button
+                size="xs"
+                variant="default"
+                leftSection={<Download size={14} />}
+                onClick={() => generateTruckAssignmentTemplate("truck-assignments.xlsx")}
+              >
+                Download Template
+              </Button>
+              <Button
+                size="xs"
+                variant="light"
+                leftSection={<Upload size={14} />}
+                onClick={() => setBulkModalOpen(true)}
+              >
+                Bulk Upload
+              </Button>
+            </Group>
             {pendingAssignmentCount > 0 && (
               <Text size="sm" fw={600} c="#b45309">
                 {pendingAssignmentCount} container{pendingAssignmentCount !== 1 ? "s" : ""} pending assignment