0ct0pu5/ente
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added progressBar modal close Button

Browse source
This commit is contained in:
Abhinav-grd 2021-02-18 12:51:22 +05:30
parent 4cf3c0f55a
commit 8cbff31c36
4 changed files with 28 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/gallery/components/CollectionDropZone.tsx
View file

@ -33,8 +33,6 @@ function CollectionDropZone({
if (err.response) {
setBannerErrorCode(err.response.status);
}
} finally {
setProgressView(false);
}
};
return (

2
src/pages/gallery/components/CreateCollection.tsx
View file

@ -76,8 +76,6 @@ export default function CreateCollection(props) {
if (err.response) {
setBannerErrorCode(err.response.status);
}
} finally {
setProgressView(false);
}
};
return (

1
src/pages/gallery/components/Upload.tsx
View file

@ -35,6 +35,7 @@ export default function Upload(props) {
uploadStage={uploadStage}
uploadErrors={uploadErrors}
show={progressView}
closeModal={() => setProgressView(false)}
onHide={init}
/>
</>

40
src/pages/gallery/components/UploadProgress.tsx
View file

@ -1,5 +1,5 @@
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';
export default function UploadProgress({
@ -7,6 +7,7 @@ export default function UploadProgress({
uploadStage,
now,
uploadErrors,
closeModal,
...props
}) {
return (
@ -36,19 +37,32 @@ export default function UploadProgress({
<ProgressBar animated now={now} />
</>
)}
{uploadErrors.length && (
<Alert variant="danger">
<div
style={{
overflow: 'auto',
height: '100px',
}}
{uploadErrors.length > 0 && (
<>
<Alert variant="danger">
<div
style={{
overflow: 'auto',
height: '100px',
}}
>
{uploadErrors.map((error) => (
<li key={error.message}>{error.message}</li>
))}
</div>
</Alert>
</>
)}
{now === 100 && (
<Modal.Footer>
<Button
variant="dark"
style={{ width: '100%' }}
onClick={closeModal}
>
{uploadErrors.map((error) => (
<li>{error.message}</li>
))}
</div>
</Alert>
{constants.CLOSE}
</Button>
</Modal.Footer>
)}
</Modal.Body>
</Modal>