#2606: MultipleFileUploadArea.tsx
projectforge-webapp/src/components/base/dynamicLayout/components/upload/MultipleFileUploadArea.tsx TypeScript React Component (Dropzone + Upload Queue), projectforge-webapp/src/components/base/dynamicLayout/components/upload/MultipleFileUploadArea.tsx 166 lines · 130 code · 17 comments · 19 blank
Drag-and-drop multi-file upload component using react-dropzone. Manages file queue via useState<UploadableFile[]>. On drop: separates accepted vs rejected files (with FileError codes), assigns sequential IDs. Error translation: maps file-too-large to i18n file.upload.error.maxSizeOfExceeded, too-many-files to file.upload.error.tooManyFiles via DynamicLayoutContext.translations. Renders UploadError for rejected files, SingleFileUploadWithProgress for valid files. Max size configurable (KB), hard limit 20 files (comment says 10). On successful upload, removes file from queue and calls afterFileUpload(response). Based on bmvantunes' Formik multi-file upload tutorial.
Git History
356da5a38 Proof-reading I18nResources by Claude Code.
f867698d3 wip: lift package versions
c646250cf WIP: Data-transfer audit
e1c04a448 WIP: multi upload
da657e1ce WIP: multi upload