From b172870ef9e344fdeaf08971f8162ddc87b4e309 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Thu, 14 Aug 2025 16:48:17 +0000
Subject: [PATCH] Make "Not specified" fields clickable to open editing modals
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Update the reconciliation screen to allow users to click on fields marked as "Non renseigné" to open an inline editing modal for that specific line item.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 78d55416-09d3-4c00-b411-444299b0da00
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/78d55416-09d3-4c00-b411-444299b0da00/LPhqV2Q
---
 client/src/pages/BLReconciliation.tsx | 40 +++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/BLReconciliation.tsx b/client/src/pages/BLReconciliation.tsx
index 1e5346d..0644ec1 100644
--- a/client/src/pages/BLReconciliation.tsx
+++ b/client/src/pages/BLReconciliation.tsx
@@ -685,7 +685,13 @@ export default function BLReconciliation() {
                                   : 'text-gray-900'
                               }`}>
                                 {delivery.blNumber || (
-                                  <span className="text-gray-400 italic text-xs">Non renseigné</span>
+                                  <span 
+                                    className="text-gray-400 italic text-xs hover:text-blue-500 cursor-pointer hover:underline transition-colors"
+                                    onClick={() => handleOpenModal(delivery)}
+                                    title="Cliquer pour modifier"
+                                  >
+                                    Non renseigné
+                                  </span>
                                 )}
                               </div>
                             </td>
@@ -698,7 +704,13 @@ export default function BLReconciliation() {
                               <div className={`text-sm ${delivery.reconciled !== true ? 'font-medium text-gray-900' : 'text-gray-600'}`}>
                                 {delivery.blAmount ? 
                                   `${parseFloat(delivery.blAmount).toFixed(2)}€` :
-                                  <span className="text-gray-400 italic">Non renseigné</span>
+                                  <span 
+                                    className="text-gray-400 italic hover:text-blue-500 cursor-pointer hover:underline transition-colors"
+                                    onClick={() => handleOpenModal(delivery)}
+                                    title="Cliquer pour modifier"
+                                  >
+                                    Non renseigné
+                                  </span>
                                 }
                               </div>
                             </td>
@@ -735,7 +747,13 @@ export default function BLReconciliation() {
                                 
                                 <div className={`text-sm ${delivery.reconciled !== true ? 'font-medium text-gray-900' : 'text-gray-600'}`}>
                                   {delivery.invoiceReference || (
-                                    <span className="text-gray-400 italic">Non renseigné</span>
+                                    <span 
+                                      className="text-gray-400 italic hover:text-blue-500 cursor-pointer hover:underline transition-colors"
+                                      onClick={() => handleOpenModal(delivery)}
+                                      title="Cliquer pour modifier"
+                                    >
+                                      Non renseigné
+                                    </span>
                                   )}
                                 </div>
                               </div>
@@ -744,7 +762,13 @@ export default function BLReconciliation() {
                               <div className={`text-sm ${delivery.reconciled !== true ? 'font-medium text-gray-900' : 'text-gray-600'}`}>
                                 {delivery.invoiceAmount ? 
                                   `${parseFloat(delivery.invoiceAmount).toFixed(2)}€` : 
-                                  <span className="text-gray-400 italic">Non renseigné</span>
+                                  <span 
+                                    className="text-gray-400 italic hover:text-blue-500 cursor-pointer hover:underline transition-colors"
+                                    onClick={() => handleOpenModal(delivery)}
+                                    title="Cliquer pour modifier"
+                                  >
+                                    Non renseigné
+                                  </span>
                                 }
                               </div>
                             </td>
@@ -949,7 +973,13 @@ export default function BLReconciliation() {
                             <td className="px-3 py-2 text-sm">
                               <div className="text-gray-900">
                                 {delivery.blNumber || (
-                                  <span className="text-gray-400 italic text-xs">Non renseigné</span>
+                                  <span 
+                                    className="text-gray-400 italic text-xs hover:text-blue-500 cursor-pointer hover:underline transition-colors"
+                                    onClick={() => handleOpenModal(delivery)}
+                                    title="Cliquer pour modifier"
+                                  >
+                                    Non renseigné
+                                  </span>
                                 )}
                               </div>
                             </td>