From fbb169469fcc7524deb698761b12af2d008fc071 Mon Sep 17 00:00:00 2001
From: Marshal <marshal@example.com>
Date: Fri, 21 Aug 2026 07:10:50 +0000
Subject: [PATCH] feat(clearance): preview charge documents before and after
 upload

---
 .../components/CustomsPaymentsCard.tsx        | 44 +++++++++----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/CustomsPaymentsCard.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/CustomsPaymentsCard.tsx
index bf1890b1d..7d4982201 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/CustomsPaymentsCard.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/CustomsPaymentsCard.tsx
@@ -13,7 +13,7 @@ import {
   Text,
 } from "@mantine/core";
 import {
-  Check,
+  // Check,
   CheckCircle2,
   Download,
   Eye,
@@ -41,28 +41,28 @@ import { downloadStoredFile } from "@/services/files.service";
 import { CardTitle, SectionCard } from "./layout";
 
 // Customer-facing labels for an invoice status (Freight.InvoiceStatus).
-const INVOICE_STATUS_LABELS: Record<string, string> = {
-  DRAFT: "Draft",
-  ISSUED: "Issued",
-  PENDING: "Due",
-  PAYMENT_PROCESSING: "Payment processing",
-  PARTIALLY_PAID: "Partially paid",
-  PAID: "Paid",
-  OVERDUE: "Overdue",
-  CANCELLED: "Cancelled",
-  REFUNDED: "Refunded",
-  EXPIRED: "Expired",
-};
+// const INVOICE_STATUS_LABELS: Record<string, string> = {
+//   DRAFT: "Draft",
+//   ISSUED: "Issued",
+//   PENDING: "Due",
+//   PAYMENT_PROCESSING: "Payment processing",
+//   PARTIALLY_PAID: "Partially paid",
+//   PAID: "Paid",
+//   OVERDUE: "Overdue",
+//   CANCELLED: "Cancelled",
+//   REFUNDED: "Refunded",
+//   EXPIRED: "Expired",
+// };
 
-function invoiceStatusLabel(status: string): string {
-  return (
-    INVOICE_STATUS_LABELS[status] ??
-    status
-      .replace(/_/g, " ")
-      .toLowerCase()
-      .replace(/\b\w/g, (m) => m.toUpperCase())
-  );
-}
+// function invoiceStatusLabel(status: string): string {
+//   return (
+//     INVOICE_STATUS_LABELS[status] ??
+//     status
+//       .replace(/_/g, " ")
+//       .toLowerCase()
+//       .replace(/\b\w/g, (m) => m.toUpperCase())
+//   );
+// }
 
 /**
  * Customs payments on a phased (customs) booking — duty / tax, the post-arrival