From 5dcfc9d3031f18baedc8a9fe83186d47e5d7b213 Mon Sep 17 00:00:00 2001
From: Adam Moussa <166072409+amoussa1229@users.noreply.github.com>
Date: Fri, 17 Apr 2026 15:39:50 -0400
Subject: [PATCH] Show acceptance status in dispatch detail modal

- Accepted field shows green timestamp when acknowledged
- Shows "Awaiting acceptance" in yellow when status is Sent
---
 src/pages/workorders/view/WorkOrderViewPage.css |  6 ++++++
 src/pages/workorders/view/WorkOrderViewPage.js  | 10 ++++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/pages/workorders/view/WorkOrderViewPage.css b/src/pages/workorders/view/WorkOrderViewPage.css
index 23c6c31c..9671f2f3 100644
--- a/src/pages/workorders/view/WorkOrderViewPage.css
+++ b/src/pages/workorders/view/WorkOrderViewPage.css
@@ -734,6 +734,12 @@
   padding-top: 4px;
 }
 
+.dispatchWaiting {
+  color: #ffc107;
+  font-weight: 500;
+  font-size: 13px;
+}
+
 .dispatchChecklist {
   display: flex;
   flex-direction: column;
diff --git a/src/pages/workorders/view/WorkOrderViewPage.js b/src/pages/workorders/view/WorkOrderViewPage.js
index 9b567e5d..3eede848 100644
--- a/src/pages/workorders/view/WorkOrderViewPage.js
+++ b/src/pages/workorders/view/WorkOrderViewPage.js
@@ -311,6 +311,16 @@ function DispatchDetailModal({ dispatchId, onClose, onUpdated }) {
                     <label>Dispatched</label>
                     <span>{dispatch.dispatchedAt ? formatDateTime(dispatch.dispatchedAt) : "—"}</span>
                   </div>
+                  <div className="dispatchDetailField">
+                    <label>Accepted</label>
+                    {dispatch.acknowledgedAt ? (
+                      <span style={{ color: "#28a745" }}>{formatDateTime(dispatch.acknowledgedAt)}</span>
+                    ) : dispatch.status === "Sent" ? (
+                      <span className="dispatchWaiting">Awaiting acceptance</span>
+                    ) : (
+                      <span>—</span>
+                    )}
+                  </div>
                   <div className="dispatchDetailField">
                     <label>Vendor Email</label>
                     <span>{dispatch.vendorEmail}</span>