manus-admin/formation-manager-itinova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkpoint: Correction de l'affichage des labels des pièces jointes qui apparaissaient en double. Ajout d'un prop label au composant FileUpload pour personnaliser le texte. Déployé sur le VPS.

Browse Source
This commit is contained in:
Manus
2026-01-28 12:21:05 -05:00
parent 86d3d437bd
commit f0f3d83fae
3 changed files with 39 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/FileUpload.tsx
View File

@@ -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">

64
client/src/pages/AdminRappels.tsx
View File

@@ -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