ashie/elstat
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

update service latency metric upon ws data

Browse source
This commit is contained in:
Skip R. 2018-07-13 12:29:46 -07:00
parent 7ec0ff79f8
commit 155f96c218
No known key found for this signature in database
GPG key ID: 1508C19D7436A26D
1 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
priv/frontend/src/App.js
View file

@ -51,18 +51,23 @@ export default class App extends Component {
const [, name] = channel.split(':'); const [, name] = channel.split(':');
log('updating from channel:', channel);
const { metrics } = this.state; const { metrics } = this.state;
const graph = metrics.graph[name].slice(1); const graph = metrics.graph[name].slice(1);
const newGraph = [data, ...graph]; const newGraph = [data, ...graph];
log('adding data:', data); log('adding data:', data);
this.setState((prevState, _props) => { this.setState(({ metrics: oldMetrics }, _props) => {
const clone = Object.assign({}, prevState.metrics); const newMetrics = { ...oldMetrics };
clone.graph[name] = newGraph; newMetrics.graph[name] = newGraph;
const [, latency] = data;
newMetrics.status[name].latency = latency;
return { return {
metrics: clone, metrics: newMetrics,
}; };
}); });
} }
@ -128,19 +133,12 @@ export default class App extends Component {
return ( return (
<div className="dashboard"> <div className="dashboard">
<h1> <h1>elstatus</h1>
elstatus
</h1>
{this.state.loading ? ( {this.state.loading ? (
<div> <div>Loading metrics...</div>
Loading metrics...
</div>
) : null} ) : null}
{this.state.error ? ( {this.state.error ? (
<div> <div>Error: {this.state.error}</div>
Error:
{this.state.error}
</div>
) : null} ) : null}
{metrics} {metrics}
</div> </div>