added try catch block to dropzone Callback and setErrorCode on errors
This commit is contained in:
parent
ee663bc72c
commit
187d781726
|
@ -31,26 +31,30 @@ export const DropDiv = styled.div`
|
||||||
transition: border 0.24s ease-in-out;
|
transition: border 0.24s ease-in-out;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
function CollectionDropZone({
|
function CollectionDropZone(props) {
|
||||||
children,
|
const { children,
|
||||||
closeModal,
|
closeModal,
|
||||||
showModal,
|
showModal,
|
||||||
refetchData,
|
refetchData,
|
||||||
collectionLatestFile,
|
collectionLatestFile,
|
||||||
setProgressView,
|
setProgressView,
|
||||||
progressBarProps
|
progressBarProps, setErrorCode } = props
|
||||||
|
|
||||||
}) {
|
|
||||||
|
|
||||||
const upload = async (acceptedFiles) => {
|
const upload = async (acceptedFiles) => {
|
||||||
const token = getToken();
|
try {
|
||||||
closeModal();
|
const token = getToken();
|
||||||
progressBarProps.setPercentComplete(0);
|
closeModal();
|
||||||
setProgressView(true);
|
progressBarProps.setPercentComplete(0);
|
||||||
|
setProgressView(true);
|
||||||
|
|
||||||
await UploadService.uploadFiles(acceptedFiles, collectionLatestFile, token, progressBarProps);
|
await UploadService.uploadFiles(acceptedFiles, collectionLatestFile, token, progressBarProps);
|
||||||
refetchData();
|
refetchData();
|
||||||
setProgressView(false);
|
} catch (err) {
|
||||||
|
if (err.response)
|
||||||
|
setErrorCode(err.response.status);
|
||||||
|
}
|
||||||
|
finally {
|
||||||
|
setProgressView(false);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<Dropzone
|
<Dropzone
|
||||||
|
|
|
@ -7,7 +7,7 @@ import { getToken } from 'utils/common/key';
|
||||||
|
|
||||||
export default function CreateCollection(props) {
|
export default function CreateCollection(props) {
|
||||||
|
|
||||||
const { acceptedFiles, setProgressView, progressBarProps, refetchData, modalView, closeModal, closeUploadModal } = props;
|
const { acceptedFiles, setProgressView, progressBarProps, refetchData, modalView, closeModal, closeUploadModal, setErrorCode } = props;
|
||||||
const [albumName, setAlbumName] = useState("");
|
const [albumName, setAlbumName] = useState("");
|
||||||
|
|
||||||
const handleChange = (event) => { setAlbumName(event.target.value); }
|
const handleChange = (event) => { setAlbumName(event.target.value); }
|
||||||
|
@ -27,22 +27,28 @@ export default function CreateCollection(props) {
|
||||||
setAlbumName(commonPathPrefix);
|
setAlbumName(commonPathPrefix);
|
||||||
}, [acceptedFiles]);
|
}, [acceptedFiles]);
|
||||||
const handleSubmit = async (event) => {
|
const handleSubmit = async (event) => {
|
||||||
const token = getToken();
|
try {
|
||||||
event.preventDefault();
|
const token = getToken();
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
closeModal();
|
closeModal();
|
||||||
closeUploadModal();
|
closeUploadModal();
|
||||||
|
|
||||||
const collection = await createAlbum(albumName);
|
const collection = await createAlbum(albumName);
|
||||||
|
|
||||||
const collectionLatestFile: collectionLatestFile = { collection, file: null }
|
const collectionLatestFile: collectionLatestFile = { collection, file: null }
|
||||||
|
|
||||||
progressBarProps.setPercentComplete(0);
|
progressBarProps.setPercentComplete(0);
|
||||||
setProgressView(true);
|
setProgressView(true);
|
||||||
|
|
||||||
await UploadService.uploadFiles(acceptedFiles, collectionLatestFile, token, progressBarProps);
|
await UploadService.uploadFiles(acceptedFiles, collectionLatestFile, token, progressBarProps);
|
||||||
refetchData();
|
refetchData();
|
||||||
setProgressView(false);
|
setProgressView(false);
|
||||||
|
}
|
||||||
|
catch (err) {
|
||||||
|
if (err.response)
|
||||||
|
setErrorCode(err.response.status);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<Modal
|
<Modal
|
||||||
|
|
Loading…
Reference in a new issue