feat: enhance transaction deletion process with optimistic updates, improved error handling, and restore previous data on failure

app/transactions/page.tsx

@@ -480,6 +480,23 @@ export default function TransactionsPage() {
     newSelected.delete(transactionId);
     setSelectedTransactions(newSelected);
 
+    // Sauvegarder les données actuelles pour pouvoir les restaurer en cas d'erreur
+    const queryKey = getTransactionsQueryKey(transactionParams);
+    const previousData =
+      queryClient.getQueryData<typeof transactionsData>(queryKey);
+
+    // Mise à jour optimiste du cache
+    queryClient.setQueryData<typeof transactionsData>(queryKey, (oldData) => {
+      if (!oldData) return oldData;
+      return {
+        ...oldData,
+        transactions: oldData.transactions.filter(
+          (t) => t.id !== transactionId
+        ),
+        total: oldData.total - 1,
+      };
+    });
+
     try {
       const response = await fetch(
         `/api/banking/transactions?id=${transactionId}`,
@@ -487,10 +504,25 @@ export default function TransactionsPage() {
           method: "DELETE",
         }
       );
-      if (!response.ok) throw new Error("Failed to delete transaction");
-      invalidateTransactions();
+
+      if (!response.ok) {
+        const errorData = await response.json().catch(() => ({}));
+        throw new Error(
+          errorData.error || `Failed to delete transaction: ${response.status}`
+        );
+      }
+
+      // Ne pas invalider immédiatement - la mise à jour optimiste est déjà correcte
+      // On invalide seulement les autres queries qui pourraient être affectées (métadonnées, stats)
+      queryClient.invalidateQueries({ queryKey: ["banking-metadata"] });
     } catch (error) {
       console.error("Failed to delete transaction:", error);
+      // Restaurer les données précédentes en cas d'erreur
+      if (previousData) {
+        queryClient.setQueryData(queryKey, previousData);
+      }
+      // Invalider pour récupérer les données correctes du serveur
+      invalidateTransactions();
     }
   };