From f0f3d83faebb2a5370b15d22fa8c82b0cfa8903b Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Wed, 28 Jan 2026 12:21:05 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Correction=20de=20l'affichage=20d?=
 =?UTF-8?q?es=20labels=20des=20pi=C3=A8ces=20jointes=20qui=20apparaissaien?=
 =?UTF-8?q?t=20en=20double.=20Ajout=20d'un=20prop=20label=20au=20composant?=
 =?UTF-8?q?=20FileUpload=20pour=20personnaliser=20le=20texte.=20D=C3=A9plo?=
 =?UTF-8?q?y=C3=A9=20sur=20le=20VPS.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/FileUpload.tsx |  5 ++-
 client/src/pages/AdminRappels.tsx    | 64 ++++++++++++----------------
 todo.md                              |  8 ++++
 3 files changed, 39 insertions(+), 38 deletions(-)

diff --git a/client/src/components/FileUpload.tsx b/client/src/components/FileUpload.tsx
index d993084..5db97bb 100644
--- a/client/src/components/FileUpload.tsx
+++ b/client/src/components/FileUpload.tsx
@@ -21,9 +21,10 @@ interface FileUploadProps {
   } | null) => void;
   accept?: string;
   maxSize?: number; // en Mo
+  label?: string; // Label personnalisé
 }
 
-export function FileUpload({ value, onChange, accept, maxSize = 10 }: FileUploadProps) {
+export function FileUpload({ value, onChange, accept, maxSize = 10, label = "Pièce jointe (optionnel)" }: FileUploadProps) {
   const [uploading, setUploading] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
@@ -84,7 +85,7 @@ export function FileUpload({ value, onChange, accept, maxSize = 10 }: FileUpload
 
   return (
     <div className="space-y-2">
-      <Label>Pièce jointe (optionnel)</Label>
+      <Label>{label}</Label>
       
       {!value ? (
         <div className="space-y-2">
diff --git a/client/src/pages/AdminRappels.tsx b/client/src/pages/AdminRappels.tsx
index 66bdb06..d1017aa 100644
--- a/client/src/pages/AdminRappels.tsx
+++ b/client/src/pages/AdminRappels.tsx
@@ -709,25 +709,21 @@ export default function AdminRappels() {
                 />
               </div>
 
-              <div className="space-y-2">
-                <Label>Pièce jointe 1 (optionnel)</Label>
-                <FileUpload
-                  value={formData.fichier}
-                  onChange={(fichier) => setFormData({ ...formData, fichier })}
-                  accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png"
-                  maxSize={10}
-                />
-              </div>
+              <FileUpload
+                label="Pièce jointe 1 (optionnel)"
+                value={formData.fichier}
+                onChange={(fichier) => setFormData({ ...formData, fichier })}
+                accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png"
+                maxSize={10}
+              />
 
-              <div className="space-y-2">
-                <Label>Pièce jointe 2 (optionnel)</Label>
-                <FileUpload
-                  value={formData.fichier2}
-                  onChange={(fichier2) => setFormData({ ...formData, fichier2 })}
-                  accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png"
-                  maxSize={10}
-                />
-              </div>
+              <FileUpload
+                label="Pièce jointe 2 (optionnel)"
+                value={formData.fichier2}
+                onChange={(fichier2) => setFormData({ ...formData, fichier2 })}
+                accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png"
+                maxSize={10}
+              />
 
               <div className="flex items-center space-x-2">
                 <Switch
@@ -868,25 +864,21 @@ export default function AdminRappels() {
                 />
               </div>
 
-              <div className="space-y-2">
-                <Label>Pièce jointe 1 (optionnel)</Label>
-                <FileUpload
-                  value={formData.fichier}
-                  onChange={(fichier) => setFormData({ ...formData, fichier })}
-                  accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png"
-                  maxSize={10}
-                />
-              </div>
+              <FileUpload
+                label="Pièce jointe 1 (optionnel)"
+                value={formData.fichier}
+                onChange={(fichier) => setFormData({ ...formData, fichier })}
+                accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png"
+                maxSize={10}
+              />
 
-              <div className="space-y-2">
-                <Label>Pièce jointe 2 (optionnel)</Label>
-                <FileUpload
-                  value={formData.fichier2}
-                  onChange={(fichier2) => setFormData({ ...formData, fichier2 })}
-                  accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png"
-                  maxSize={10}
-                />
-              </div>
+              <FileUpload
+                label="Pièce jointe 2 (optionnel)"
+                value={formData.fichier2}
+                onChange={(fichier2) => setFormData({ ...formData, fichier2 })}
+                accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png"
+                maxSize={10}
+              />
 
               <div className="flex items-center space-x-2">
                 <Switch
diff --git a/todo.md b/todo.md
index e113024..69e1df1 100644
--- a/todo.md
+++ b/todo.md
@@ -1407,3 +1407,11 @@
 - [x] Déployer sur VPS avec migration
 - [x] Vérifier que les rappels existants sont préservés (migration additive)
 - [x] Créer un checkpoint
+
+## Bug - Labels pièces jointes dupliqués
+
+- [x] Identifier pourquoi les labels apparaissent en double (FileUpload affiche déjà un label)
+- [x] Ajouter un prop label au composant FileUpload
+- [x] Corriger l'affichage dans AdminRappels.tsx
+- [x] Déployer sur VPS
+- [x] Créer un checkpoint