Merge pull request #34 from Luminarys/master

Minor fixes
This commit is contained in:
Drew DeVault 2018-02-26 14:18:08 -05:00 committed by GitHub
commit cc625edea6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 7 additions and 7 deletions

View File

@ -20,6 +20,7 @@ class ConnectionOverlay extends Component {
super(); super();
this.connect = this.connect.bind(this); this.connect = this.connect.bind(this);
this.componentDidMount = this.componentDidMount.bind(this); this.componentDidMount = this.componentDidMount.bind(this);
this.state = {}
} }
componentDidMount() { componentDidMount() {
@ -97,7 +98,6 @@ class ConnectionOverlay extends Component {
type="checkbox" type="checkbox"
checked={autoconnect} checked={autoconnect}
onChange={e => this.setState({ autoconnect: !autoconnect })} onChange={e => this.setState({ autoconnect: !autoconnect })}
check
/> Autoconnect to this server /> Autoconnect to this server
</Label> </Label>
</FormGroup> </FormGroup>

View File

@ -46,7 +46,7 @@ function render(props) {
value={qs.s} value={qs.s}
onChange={e => update(e.target.value)} /> onChange={e => update(e.target.value)} />
</form> </form>
<span class="navbar-text"> <span className="navbar-text">
<Link to="/search-help"> <Link to="/search-help">
<FontAwesome name="question-circle" /> <FontAwesome name="question-circle" />
</Link> </Link>

View File

@ -5,14 +5,14 @@ import { formatAmount } from '../bitrate';
export default function Ratio({ up, down }) { export default function Ratio({ up, down }) {
const ratio = up / down; const ratio = up / down;
if (isNaN(ratio)) { if (isNaN(ratio)) {
return <span class="ratio"> return <span className="ratio">
<span>0</span> <span>0</span>
<span></span> <span></span>
<span></span> <span></span>
</span>; </span>;
} }
return ( return (
<span class="ratio"> <span className="ratio">
<span> <span>
{isFinite(ratio) ? `${ratio.toFixed(2)}` : "∞"} {isFinite(ratio) ? `${ratio.toFixed(2)}` : "∞"}
</span> </span>

View File

@ -169,7 +169,7 @@ class Torrent extends Component {
> >
<FontAwesome name={torrent.status === "paused" ? "play" : "pause"} /> <FontAwesome name={torrent.status === "paused" ? "play" : "pause"} />
</a> </a>
<div class="status">{status(torrent.status)}</div> <div className="status">{status(torrent.status)}</div>
<TorrentProgress torrent={torrent} /> <TorrentProgress torrent={torrent} />
<ButtonDropdown <ButtonDropdown
isOpen={this.state.removeDropdown} isOpen={this.state.removeDropdown}
@ -412,7 +412,7 @@ class TorrentDetails extends Component {
key={id} key={id}
/>)} />)}
{selection.length > 3 ? {selection.length > 3 ?
<p class="text-center text-muted"> <p className="text-center text-muted">
<strong> <strong>
...{selection.length - 3} more hidden... ...{selection.length - 3} more hidden...
</strong> </strong>

View File

@ -94,7 +94,7 @@ class TorrentTable extends Component {
<th style={{ minWidth: '75px' }}>up</th> <th style={{ minWidth: '75px' }}>up</th>
<th style={{ minWidth: '75px' }}>down</th> <th style={{ minWidth: '75px' }}>down</th>
<th style={{width: "18rem"}}> <th style={{width: "18rem"}}>
<span class="ratio"> <span className="ratio">
<span>ratio</span> <span>ratio</span>
<span></span> <span></span>
<span></span> <span></span>