added try catch block to dropzone Callback and setErrorCode on errors

This commit is contained in:
Abhinav-grd 2021-02-02 18:11:22 +05:30
parent ee663bc72c
commit 187d781726
2 changed files with 40 additions and 30 deletions

View file

@ -31,18 +31,16 @@ export const DropDiv = styled.div`
transition: border 0.24s ease-in-out;
`;
function CollectionDropZone({
children,
function CollectionDropZone(props) {
const { children,
closeModal,
showModal,
refetchData,
collectionLatestFile,
setProgressView,
progressBarProps
}) {
progressBarProps, setErrorCode } = props
const upload = async (acceptedFiles) => {
try {
const token = getToken();
closeModal();
progressBarProps.setPercentComplete(0);
@ -50,8 +48,14 @@ function CollectionDropZone({
await UploadService.uploadFiles(acceptedFiles, collectionLatestFile, token, progressBarProps);
refetchData();
} catch (err) {
if (err.response)
setErrorCode(err.response.status);
}
finally {
setProgressView(false);
}
}
return (
<Dropzone
onDropAccepted={upload}

View file

@ -7,7 +7,7 @@ import { getToken } from 'utils/common/key';
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 handleChange = (event) => { setAlbumName(event.target.value); }
@ -27,6 +27,7 @@ export default function CreateCollection(props) {
setAlbumName(commonPathPrefix);
}, [acceptedFiles]);
const handleSubmit = async (event) => {
try {
const token = getToken();
event.preventDefault();
@ -44,6 +45,11 @@ export default function CreateCollection(props) {
refetchData();
setProgressView(false);
}
catch (err) {
if (err.response)
setErrorCode(err.response.status);
}
}
return (
<Modal
show={modalView}