github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-15 00:45:26 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #13527 from overleaf/jdt-upload-zip-error-handling

Browse source 
Upload zip error handling and retries

GitOrigin-RevId: 583fb57685e4957be325ab656443b884b854797d
This commit is contained in:
Jimmy Domagala-Tang 2023-07-05 08:32:28 -04:00 • committed by Copybot
parent 7f5be3ed04
commit 718189bb07
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
services/web/frontend/js/features/project-list/components/new-project-button/upload-project-modal.tsx
View file

@ -23,8 +23,7 @@ type UploadProjectModalProps = {
function UploadProjectModal({ onHide }: UploadProjectModalProps) {
const { t } = useTranslation()
const { maxUploadSize } = getMeta('ol-ExposedSettings') as ExposedSettings
const [ableToUpload, setAbleToUpload] = useState(true)
const [correctfileAdded, setCorrectFileAdded] = useState(false)
const [ableToUpload, setAbleToUpload] = useState(false)
const location = useLocation()
const uppy: Uppy.Uppy<Uppy.StrictTypes> = useUppy(() => {
@ -51,7 +50,11 @@ function UploadProjectModal({ onHide }: UploadProjectModalProps) {
// once if the correct file were added
// if user dragged more files than the maxNumberOfFiles allow,
// the rest of the files will appear on the 'restriction-failed' event callback
setCorrectFileAdded(true)
setAbleToUpload(true)
})
.on('upload-error', () => {
// refresh state so they can try uploading a new zip
setAbleToUpload(false)
})
.on('upload-success', async (file, response) => {
const { project_id: projectId }: UploadResponse = response.body
@ -68,15 +71,17 @@ function UploadProjectModal({ onHide }: UploadProjectModalProps) {
// will be invoked once
// 2. maxFileSize: if the uploaded file has size > maxFileSize, it will appear here
// 3. allowedFileTypes: if the type is not .zip, it will also appear here
// reset state so they can try uploading a different file, etc
setAbleToUpload(false)
})
})
useEffect(() => {
if (ableToUpload && correctfileAdded) {
if (ableToUpload) {
uppy.upload()
}
}, [ableToUpload, correctfileAdded, uppy])
}, [ableToUpload, uppy])
return (
<AccessibleModal