Add upload icon, fix cancel button, refresh styles

This commit is contained in:
Travis Ralston 2021-03-05 14:42:15 -07:00
parent fa41489d5a
commit 08072aca9a
3 changed files with 38 additions and 20 deletions

View file

@ -87,12 +87,12 @@ export default class UploadBar extends React.Component<IProps, IState> {
count: this.state.uploadsHere.length - 1,
},
);
const uploadSize = filesize(this.state.currentUpload.total);
return (
<div className="mx_UploadBar">
<div className="mx_UploadBar_filename">{uploadText} ({uploadSize})</div>
<AccessibleButton onClick={this.onCancelClick} className='mx_UploadBar_cancel' />
<div className="mx_UploadBar_uploadFilename">{uploadText} ({uploadSize})</div>
<ProgressBar value={this.state.currentUpload.loaded} max={this.state.currentUpload.total} />
</div>
);