diff --git a/src/pages/files/Upload.tsx b/src/pages/files/Upload.tsx index 3c5acb3..fbb29d0 100644 --- a/src/pages/files/Upload.tsx +++ b/src/pages/files/Upload.tsx @@ -15,6 +15,7 @@ import SelectStamp from './SelectStamp' const MAX_FILE_SIZE = 1_000_000_000 // 1 gigabyte export default function Files(): ReactElement { + const [dropzoneKey, setDropzoneKey] = useState(0) const [file, setFile] = useState(null) const [uploadReference, setUploadReference] = useState('') const [isUploadingFile, setIsUploadingFile] = useState(false) @@ -43,8 +44,11 @@ export default function Files(): ReactElement { beeApi.files .uploadFile(selectedStamp.batchID, file) .then(hash => { - setUploadReference(hash) - setFile(null) + window.setTimeout(() => { + setFile(null) + setUploadReference(hash) + setDropzoneKey(dropzoneKey + 1) + }, 0) }) .catch(e => enqueueSnackbar(`Error uploading: ${e.message}`, { variant: 'error' })) .finally(() => { @@ -55,14 +59,18 @@ export default function Files(): ReactElement { const handleChange = (files?: File[]) => { if (files) { setFile(files[0]) - setUploadReference('') } } return (
- +
{selectedStamp && (