From 5bef39e83516044f13aa49a66a88163e953c4c01 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Tue, 12 Aug 2025 11:52:56 +0000
Subject: [PATCH] Update reconciliation status display to grey out and dim
 reconciled deliveries

Modify the BLReconciliation component to visually indicate reconciled deliveries with a greyed-out and dimmed appearance, using conditional styling based on the `reconciled` status in client/src/pages/BLReconciliation.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: b163d4c0-de5e-4f4e-a9c0-aed4c7049718
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/b163d4c0-de5e-4f4e-a9c0-aed4c7049718/Ek7HQXt
---
 client/src/pages/BLReconciliation.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/BLReconciliation.tsx b/client/src/pages/BLReconciliation.tsx
index b040e9c..6fd07f7 100644
--- a/client/src/pages/BLReconciliation.tsx
+++ b/client/src/pages/BLReconciliation.tsx
@@ -368,7 +368,11 @@ export default function BLReconciliation() {
                       <tr 
                         key={delivery.id} 
                         className={`hover:bg-gray-50 ${
-                          delivery.reconciled === false ? 'bg-red-50 border-l-4 border-red-400' : ''
+                          delivery.reconciled === true 
+                            ? 'bg-gray-100 opacity-60 text-gray-500' 
+                            : delivery.reconciled === false 
+                              ? 'bg-red-50 border-l-4 border-red-400' 
+                              : ''
                         }`}
                       >
                         <td className="px-3 py-2 text-sm">
@@ -552,8 +556,12 @@ export default function BLReconciliation() {
                     {filteredAutomaticDeliveries.map((delivery: any) => (
                       <tr 
                         key={delivery.id} 
-                        className={`hover:bg-gray-50 bg-green-50 ${
-                          delivery.reconciled === false ? 'bg-red-50 border-l-4 border-red-400' : ''
+                        className={`hover:bg-gray-50 ${
+                          delivery.reconciled === true 
+                            ? 'bg-gray-100 opacity-60 text-gray-500' 
+                            : delivery.reconciled === false 
+                              ? 'bg-red-50 border-l-4 border-red-400' 
+                              : 'bg-green-50'
                         }`}
                       >
                         <td className="px-3 py-2 text-sm">