#2606: MultipleFileUploadArea.tsx
projectforge-webapp/src/components/base/dynamicLayout/components/upload/MultipleFileUploadArea.tsx
Composant React TypeScript (Zone de dépôt + File d'attente de téléchargement),
projectforge-webapp/src/components/base/dynamicLayout/components/upload/MultipleFileUploadArea.tsx
166 lignes · 130 code · 17 commentaires · 19 vides
Composant de téléchargement multi-fichier par glisser-déposer utilisant react-dropzone.
Gère la file d'attente des fichiers via useState<UploadableFile[]>.
Au dépôt : sépare les fichiers acceptés des fichiers rejetés (avec codes FileError),
attribue des identifiants séquentiels. Traduction des erreurs : mappe file-too-large
vers i18n file.upload.error.maxSizeOfExceeded, too-many-files vers
file.upload.error.tooManyFiles via DynamicLayoutContext.translations.
Affiche UploadError pour les fichiers rejetés, SingleFileUploadWithProgress
pour les fichiers valides. Taille maximale configurable (Ko), limite stricte de 20 fichiers
(le commentaire indique 10). En cas de téléchargement réussi, supprime le fichier de la file
d'attente et appelle afterFileUpload(response). Basé sur le tutoriel de téléchargement
multi-fichier Formik de bmvantunes.
Historique Git
356da5a38 Relecture des ressources I18n par Claude Code.
f867698d3 wip : mise à jour des versions des packages
c646250cf WIP : audit de transfert de données
e1c04a448 WIP : téléchargement multiple
da657e1ce WIP : téléchargement multiple