Added progressBar modal close Button
This commit is contained in:
parent
4cf3c0f55a
commit
8cbff31c36
|
@ -33,8 +33,6 @@ function CollectionDropZone({
|
||||||
if (err.response) {
|
if (err.response) {
|
||||||
setBannerErrorCode(err.response.status);
|
setBannerErrorCode(err.response.status);
|
||||||
}
|
}
|
||||||
} finally {
|
|
||||||
setProgressView(false);
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -76,8 +76,6 @@ export default function CreateCollection(props) {
|
||||||
if (err.response) {
|
if (err.response) {
|
||||||
setBannerErrorCode(err.response.status);
|
setBannerErrorCode(err.response.status);
|
||||||
}
|
}
|
||||||
} finally {
|
|
||||||
setProgressView(false);
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -35,6 +35,7 @@ export default function Upload(props) {
|
||||||
uploadStage={uploadStage}
|
uploadStage={uploadStage}
|
||||||
uploadErrors={uploadErrors}
|
uploadErrors={uploadErrors}
|
||||||
show={progressView}
|
show={progressView}
|
||||||
|
closeModal={() => setProgressView(false)}
|
||||||
onHide={init}
|
onHide={init}
|
||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { Alert, Modal, ProgressBar } from 'react-bootstrap';
|
import { Alert, Button, Modal, ProgressBar } from 'react-bootstrap';
|
||||||
import constants from 'utils/strings/constants';
|
import constants from 'utils/strings/constants';
|
||||||
|
|
||||||
export default function UploadProgress({
|
export default function UploadProgress({
|
||||||
|
@ -7,6 +7,7 @@ export default function UploadProgress({
|
||||||
uploadStage,
|
uploadStage,
|
||||||
now,
|
now,
|
||||||
uploadErrors,
|
uploadErrors,
|
||||||
|
closeModal,
|
||||||
...props
|
...props
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
|
@ -36,7 +37,8 @@ export default function UploadProgress({
|
||||||
<ProgressBar animated now={now} />
|
<ProgressBar animated now={now} />
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{uploadErrors.length && (
|
{uploadErrors.length > 0 && (
|
||||||
|
<>
|
||||||
<Alert variant="danger">
|
<Alert variant="danger">
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
|
@ -45,10 +47,22 @@ export default function UploadProgress({
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{uploadErrors.map((error) => (
|
{uploadErrors.map((error) => (
|
||||||
<li>{error.message}</li>
|
<li key={error.message}>{error.message}</li>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</Alert>
|
</Alert>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
{now === 100 && (
|
||||||
|
<Modal.Footer>
|
||||||
|
<Button
|
||||||
|
variant="dark"
|
||||||
|
style={{ width: '100%' }}
|
||||||
|
onClick={closeModal}
|
||||||
|
>
|
||||||
|
{constants.CLOSE}
|
||||||
|
</Button>
|
||||||
|
</Modal.Footer>
|
||||||
)}
|
)}
|
||||||
</Modal.Body>
|
</Modal.Body>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
Loading…
Reference in a new issue