This commit is contained in:
SpikeHD
2022-07-03 15:10:49 -07:00
parent 98f530eb0c
commit 0ec9ef92ee
18 changed files with 99 additions and 99 deletions

View File

@@ -53,12 +53,12 @@ export default class ProgressBar extends React.Component<IProps, IState> {
render() {
return (
<div className="ProgressBarWrapper" id={'commonProgressBarContainer'}>
<div className="ProgressBarWrapper" id="commonProgressBarContainer">
<div style={{
width: '80%'
}}>
<div className="ProgressBar" id={'commonProgressBar'}>
<div className="InnerProgress" id={'commonProgressBarContent'} style={{
<div className="ProgressBar" id="commonProgressBar">
<div className="InnerProgress" id="commonProgressBarContent" style={{
width: `${(() => {
// Handles files with content-lengths of 0
if (this.state.status === 'finished') {
@@ -73,14 +73,14 @@ export default class ProgressBar extends React.Component<IProps, IState> {
})()}%`,
}}></div>
</div>
<div className="DownloadControls" id={'commonProgressbarDownContrContainer'}>
<div onClick={this.stopDownload} id={'commonProgressBarDownStopContainer'} className="downloadStop">
<img id={'commonProgressBarDownStopIcon'} src={Stop}></img>
<div className="DownloadControls" id="commonProgressbarDownContrContainer">
<div onClick={this.stopDownload} id="commonProgressBarDownStopContainer" className="downloadStop">
<img id="commonProgressBarDownStopIcon" src={Stop}></img>
</div>
</div>
</div>
<div className="ProgressText" id={'commonProgressBarText'}>
<div className="ProgressText" id="commonProgressBarText">
{capitalize(this.state.status) || 'Waiting'}
</div>
</div>