From a48b41f4881dd4866ab550f5ffbc250121732be0 Mon Sep 17 00:00:00 2001
From: Nicolas Cantu <ncantu@4nkweb.com>
Date: Tue, 16 Sep 2025 05:51:25 +0200
Subject: [PATCH] fix: Correction de l'erreur React 'Objects are not valid as a
 React child'
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Correction du rendu des entités persons, companies et addresses
- Affichage des propriétés spécifiques (firstName, lastName, name, street, etc.)
- Ajout du score de confiance pour chaque entité
- Résolution de l'erreur de rendu d'objets React

Fixes: Erreur React lors de l'affichage des entités extraites
Fixes: Rendu d'objets complexes dans les listes
---
 src/views/ExtractionView.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/views/ExtractionView.tsx b/src/views/ExtractionView.tsx
index 2a327b9..31d7fca 100644
--- a/src/views/ExtractionView.tsx
+++ b/src/views/ExtractionView.tsx
@@ -204,7 +204,10 @@ export default function ExtractionView() {
               <List dense>
                 {extraction.extraction.entities.persons.map((person, index) => (
                   <ListItem key={index}>
-                    <ListItemText primary={person} />
+                    <ListItemText 
+                      primary={`${person.firstName} ${person.lastName}`}
+                      secondary={`Confiance: ${Math.round(person.confidence * 100)}%`}
+                    />
                   </ListItem>
                 ))}
               </List>
@@ -223,7 +226,10 @@ export default function ExtractionView() {
               <List dense>
                 {extraction.extraction.entities.addresses.map((address, index) => (
                   <ListItem key={index}>
-                    <ListItemText primary={address} />
+                    <ListItemText 
+                      primary={`${address.street}, ${address.city} ${address.postalCode}`}
+                      secondary={`Confiance: ${Math.round(address.confidence * 100)}%`}
+                    />
                   </ListItem>
                 ))}
               </List>
@@ -242,7 +248,10 @@ export default function ExtractionView() {
               <List dense>
                 {extraction.extraction.entities.companies.map((company, index) => (
                   <ListItem key={index}>
-                    <ListItemText primary={company} />
+                    <ListItemText 
+                      primary={company.name}
+                      secondary={`Confiance: ${Math.round(company.confidence * 100)}%`}
+                    />
                   </ListItem>
                 ))}
               </List>