#2606: MultipleFileUploadArea.tsx
projectforge-webapp/src/components/base/dynamicLayout/components/upload/MultipleFileUploadArea.tsx
Componente React TypeScript (Zona de arrastre + Cola de subida),
projectforge-webapp/src/components/base/dynamicLayout/components/upload/MultipleFileUploadArea.tsx
166 líneas · 130 código · 17 comentarios · 19 en blanco
Componente de subida múltiple de archivos por arrastrar y soltar usando react-dropzone.
Gestiona la cola de archivos mediante useState<UploadableFile[]>.
Al soltar: separa archivos aceptados vs rechazados (con códigos FileError), asigna IDs secuenciales.
Traducción de errores: asigna file-too-large a i18n file.upload.error.maxSizeOfExceeded,
too-many-files a file.upload.error.tooManyFiles mediante
DynamicLayoutContext.translations.
Renderiza UploadError para archivos rechazados, SingleFileUploadWithProgress para archivos válidos.
Tamaño máximo configurable (KB), límite estricto de 20 archivos (el comentario dice 10).
Al subir correctamente, elimina el archivo de la cola y llama a afterFileUpload(response).
Basado en el tutorial de subida múltiple de archivos Formik de bmvantunes.
Historial Git
356da5a38 Corrección de pruebas I18nResources por Claude Code.
f867698d3 wip: elevar versiones de paquetes
c646250cf WIP: Auditoría de transferencia de datos
e1c04a448 WIP: subida múltiple
da657e1ce WIP: subida múltiple