From 62ada8e9ccf6e595bfbda13ae6d3c17e8b7a603d Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 8 Sep 2025 19:47:38 +0000
Subject: [PATCH] Ensure verified status persists for invoices when reloading
 the page

Re-introduces the useEffect hook to load cached verification statuses for 'avoirs' upon component mount, ensuring that the verified state is correctly displayed after a page refresh.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869/uMhb9Na
---
 client/src/pages/Avoirs.tsx | 43 +++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/client/src/pages/Avoirs.tsx b/client/src/pages/Avoirs.tsx
index 1adad17..b72a2a3 100644
--- a/client/src/pages/Avoirs.tsx
+++ b/client/src/pages/Avoirs.tsx
@@ -130,27 +130,6 @@ export default function Avoirs() {
   const { toast } = useToast();
   const queryClient = useQueryClient();
 
-  // 🔄 Charger les vérifications du cache au démarrage
-  useEffect(() => {
-    const loadCachedVerifications = async () => {
-      if (!avoirs) return;
-      
-      const cachedResults: Record<number, any> = {};
-      for (const avoir of avoirs) {
-        if (avoir.invoiceReference?.trim() && avoir.nocodbVerified) {
-          // Si l'avoir est validé, marquer comme vérifié
-          cachedResults[avoir.id] = { exists: true, fromCache: true, permanent: true };
-        }
-      }
-      
-      if (Object.keys(cachedResults).length > 0) {
-        setAvoirVerificationResults(prev => ({ ...prev, ...cachedResults }));
-        console.log('✅ Vérifications cachées chargées:', cachedResults);
-      }
-    };
-    
-    loadCachedVerifications();
-  }, [avoirs]);
 
   // Fetch user profile
   const { data: user } = useQuery({
@@ -186,6 +165,28 @@ export default function Avoirs() {
     enabled: !!user,
   });
 
+  // 🔄 Charger les vérifications du cache au démarrage
+  useEffect(() => {
+    const loadCachedVerifications = async () => {
+      if (!avoirs || avoirs.length === 0) return;
+      
+      const cachedResults: Record<number, any> = {};
+      for (const avoir of avoirs) {
+        if (avoir.invoiceReference?.trim() && avoir.nocodbVerified) {
+          // Si l'avoir est validé, marquer comme vérifié
+          cachedResults[avoir.id] = { exists: true, fromCache: true, permanent: true };
+        }
+      }
+      
+      if (Object.keys(cachedResults).length > 0) {
+        setAvoirVerificationResults(prev => ({ ...prev, ...cachedResults }));
+        console.log('✅ Vérifications cachées chargées:', cachedResults);
+      }
+    };
+    
+    loadCachedVerifications();
+  }, [avoirs]);
+
   // Create avoir mutation
   const createAvoirMutation = useMutation({
     mutationFn: async (data: AvoirFormData) => {