Added Upload Progress component
This commit is contained in:
parent
40861e5e74
commit
0612361ee2
33
src/pages/gallery/components/UploadProgress.tsx
Normal file
33
src/pages/gallery/components/UploadProgress.tsx
Normal file
|
@ -0,0 +1,33 @@
|
|||
import Container from 'components/Container';
|
||||
import React from 'react';
|
||||
import { Alert, Button, Modal, ProgressBar } from 'react-bootstrap';
|
||||
|
||||
export function UploadProgress(props) {
|
||||
const now = 100;
|
||||
return (
|
||||
<Modal
|
||||
{...props}
|
||||
size='lg'
|
||||
aria-labelledby='contained-modal-title-vcenter'
|
||||
centered
|
||||
>
|
||||
<Modal.Header closeButton>
|
||||
<Modal.Title id='contained-modal-title-vcenter'>
|
||||
Uploading Files
|
||||
</Modal.Title>
|
||||
</Modal.Header>
|
||||
<Modal.Body>
|
||||
<Container>
|
||||
{now == 100 ? (
|
||||
<Alert variant='success'>Upload Completed</Alert>
|
||||
) : (
|
||||
<ProgressBar animated now={now} label={`${now}%`} />
|
||||
)}
|
||||
</Container>
|
||||
</Modal.Body>
|
||||
<Modal.Footer>
|
||||
<Button onClick={props.onHide}>Minimize</Button>
|
||||
</Modal.Footer>
|
||||
</Modal>
|
||||
);
|
||||
}
|
Loading…
Reference in a new issue