32 lines
839 B
JavaScript
32 lines
839 B
JavaScript
|
import React, { Component } from 'react';
|
||
|
import { connect } from 'react-redux';
|
||
|
import { formatBitrate } from '../bitrate';
|
||
|
|
||
|
function Server({ server }) {
|
||
|
if (!server.id) {
|
||
|
// TODO: websocket status?
|
||
|
return null;
|
||
|
}
|
||
|
return (
|
||
|
<div>
|
||
|
<h3>Server</h3>
|
||
|
<dl>
|
||
|
<dt>Running since</dt>
|
||
|
{/* TODO: pretty print dates */}
|
||
|
<dd>{server.started}</dd>
|
||
|
<dt>Rate up</dt>
|
||
|
<dd>{formatBitrate(server.rate_up)}</dd>
|
||
|
<dt>Rate down</dt>
|
||
|
<dd>{formatBitrate(server.rate_down)}</dd>
|
||
|
{/* TODO: Editable */}
|
||
|
<dt>Throttle up</dt>
|
||
|
<dd>{formatBitrate(server.throttle_up)}</dd>
|
||
|
<dt>Throttle down</dt>
|
||
|
<dd>{formatBitrate(server.throttle_down)}</dd>
|
||
|
</dl>
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
export default connect(state => ({ server: state.server }))(Server);
|