mirror of
https://github.com/zoriya/flood.git
synced 2026-05-30 02:06:34 +00:00
Add icon for torrent status
This commit is contained in:
@@ -2,12 +2,15 @@ import React from 'react';
|
||||
|
||||
export default class ProgressBar extends React.Component {
|
||||
render() {
|
||||
let percent = this.props.percent;
|
||||
let className = 'progress-bar';
|
||||
|
||||
return (
|
||||
<div className={className}>
|
||||
<div className="progress-bar__fill" style={{width: percent + '%'}}></div>
|
||||
<div className="progress-bar">
|
||||
<div className="progress-bar__icon">
|
||||
{this.props.icon}
|
||||
</div>
|
||||
<div className="progress-bar__fill__wrapper">
|
||||
<div className="progress-bar__fill"
|
||||
style={{width: `${this.props.percent}%`}} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user