From 66c7fd3e46ccfd4658d7d73f1db28cc15bbbc227 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Tue, 12 Aug 2025 12:16:35 +0000
Subject: [PATCH] Improve display for unreconciled delivery items

Update the UI to show unreconciled delivery items in white with bold text for supplier name, BL amount, invoice reference, and invoice amount in `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/5adUZHZ
---
 client/src/pages/BLReconciliation.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/client/src/pages/BLReconciliation.tsx b/client/src/pages/BLReconciliation.tsx
index 1163686..9c03e8d 100644
--- a/client/src/pages/BLReconciliation.tsx
+++ b/client/src/pages/BLReconciliation.tsx
@@ -386,13 +386,15 @@ export default function BLReconciliation() {
                             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-white'
                             }`}
                           >
                             <td className="px-3 py-2 text-sm">
-                              <div className="font-medium text-gray-900 truncate max-w-32">
+                              <div className={`truncate max-w-32 ${
+                                delivery.reconciled !== true 
+                                  ? 'font-bold text-gray-900' 
+                                  : 'font-medium text-gray-900'
+                              }`}>
                                 {delivery.supplier?.name}
                               </div>
                             </td>
@@ -409,7 +411,7 @@ export default function BLReconciliation() {
                               </div>
                             </td>
                             <td className="px-3 py-2 text-sm">
-                              <div className="font-medium text-gray-900">
+                              <div className={delivery.reconciled !== true ? 'font-bold text-gray-900' : 'font-medium text-gray-900'}>
                                 {delivery.blAmount ? 
                                   `${parseFloat(delivery.blAmount).toFixed(2)}€` :
                                   <span className="text-gray-400 italic text-xs">Non renseigné</span>
@@ -417,14 +419,14 @@ export default function BLReconciliation() {
                               </div>
                             </td>
                             <td className="px-3 py-2 text-sm">
-                              <div className="text-gray-900">
+                              <div className={delivery.reconciled !== true ? 'font-bold text-gray-900' : 'text-gray-900'}>
                                 {delivery.invoiceReference || (
                                   <span className="text-gray-400 italic text-xs">Non renseigné</span>
                                 )}
                               </div>
                             </td>
                             <td className="px-3 py-2 text-sm">
-                              <div className="text-gray-900">
+                              <div className={delivery.reconciled !== true ? 'font-bold text-gray-900' : 'text-gray-900'}>
                                 {delivery.invoiceAmount ? 
                                   `${parseFloat(delivery.invoiceAmount).toFixed(2)}€` : 
                                   <span className="text-gray-400 italic text-xs">Non renseigné</span>