diff --git a/client/src/pages/InvoiceDetail.tsx b/client/src/pages/InvoiceDetail.tsx
index 3022678..8e3d679 100644
--- a/client/src/pages/InvoiceDetail.tsx
+++ b/client/src/pages/InvoiceDetail.tsx
@@ -228,6 +228,7 @@ export default function InvoiceDetail() {
value={formData.supplierName}
onChange={(e) => setFormData({ ...formData, supplierName: e.target.value })}
placeholder="Nom du fournisseur"
+ className={!formData.supplierName ? "border-red-500 border-2" : ""}
/>
) : (
@@ -274,6 +277,7 @@ export default function InvoiceDetail() {
value={formData.deliveryNoteNumber}
onChange={(e) => setFormData({ ...formData, deliveryNoteNumber: e.target.value })}
placeholder="N° de bon de livraison"
+ className={!formData.deliveryNoteNumber ? "border-red-500 border-2" : ""}
/>
) : (
{invoice.deliveryNoteNumber || "-"}
@@ -288,6 +292,7 @@ export default function InvoiceDetail() {
value={formData.orderNumber}
onChange={(e) => setFormData({ ...formData, orderNumber: e.target.value })}
placeholder="N° de commande"
+ className={!formData.orderNumber ? "border-red-500 border-2" : ""}
/>
) : (
{invoice.orderNumber || "-"}
@@ -304,6 +309,7 @@ export default function InvoiceDetail() {
value={formData.totalAmount}
onChange={(e) => setFormData({ ...formData, totalAmount: e.target.value })}
placeholder="Montant en €"
+ className={!formData.totalAmount ? "border-red-500 border-2" : ""}
/>
) : (
diff --git a/todo.md b/todo.md
index 14e9792..2413c12 100644
--- a/todo.md
+++ b/todo.md
@@ -125,3 +125,7 @@
## Correction formulaire d'édition
- [x] Pré-remplir les valeurs existantes dans le formulaire d'édition de facture
- [x] Utiliser useEffect pour initialiser les valeurs du formulaire
+
+## Amélioration visuelle formulaire d'édition
+- [x] Ajouter un bord rouge sur les champs vides du formulaire d'édition
+- [x] Identifier visuellement les données manquantes non extraites par l'IA