mirror of
https://github.com/minio/minio.git
synced 2025-11-21 02:09:08 -05:00
Browser: Update UI with new components and elements (#5671)
This commit is contained in:
@@ -57,18 +57,15 @@ export class UploadModal extends React.Component {
|
||||
"..."
|
||||
|
||||
return (
|
||||
<div className="alert alert-info progress animated fadeInUp ">
|
||||
<div className="alert alert-info alert--upload animated fadeInUp ">
|
||||
<button type="button" className="close" onClick={showAbortModal}>
|
||||
<span>×</span>
|
||||
</button>
|
||||
<div className="text-center">
|
||||
<small>{text}</small>
|
||||
</div>
|
||||
<div>{text}</div>
|
||||
<ProgressBar now={percent} />
|
||||
<div className="text-center">
|
||||
<small>
|
||||
{humanize.filesize(totalLoaded)} ({percent.toFixed(2)} %)
|
||||
</small>
|
||||
<div>
|
||||
{humanize.filesize(totalLoaded)} (
|
||||
{percent.toFixed(2)} %)
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
@@ -78,13 +75,13 @@ export class UploadModal extends React.Component {
|
||||
const mapStateToProps = state => {
|
||||
return {
|
||||
uploads: state.uploads.files,
|
||||
showAbort: state.uploads.showAbortModal
|
||||
showAbort: state.uploads.showAbortModal,
|
||||
}
|
||||
}
|
||||
|
||||
const mapDispatchToProps = dispatch => {
|
||||
return {
|
||||
showAbortModal: () => dispatch(uploadsActions.showAbortModal())
|
||||
showAbortModal: () => dispatch(uploadsActions.showAbortModal()),
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user