38 lines
1001 B
JavaScript
38 lines
1001 B
JavaScript
|
import React from 'react';
|
||
|
|
import './App.css';
|
||
|
|
|
||
|
|
class App extends React.Component {
|
||
|
|
constructor(props) {
|
||
|
|
super(props);
|
||
|
|
|
||
|
|
//let ws = new WebSocket("ws://" + window.location.host + "/sub")
|
||
|
|
let ws = new WebSocket("ws://127.0.0.1:2975/sub")
|
||
|
|
|
||
|
|
ws.onmessage = (ev) => {
|
||
|
|
console.log(ev)
|
||
|
|
let update = JSON.parse(ev.data)
|
||
|
|
|
||
|
|
this.setState( prev => ({
|
||
|
|
...prev, [update.From]: update.Update,
|
||
|
|
}))
|
||
|
|
}
|
||
|
|
|
||
|
|
this.state = {}
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
let best = Object.keys(this.state).map(k => this.state[k]).reduce((p, n) => p > n.Height ? p : n.Height, -1)
|
||
|
|
console.log(best)
|
||
|
|
|
||
|
|
return Object.keys(this.state).map(k => [k, this.state[k]]).map(([k, v]) => {
|
||
|
|
let l = <span>{k} {v.Height}</span>
|
||
|
|
if(best !== v.Height) {
|
||
|
|
l = <span style={{color: '#f00'}}>{l}</span>
|
||
|
|
}
|
||
|
|
|
||
|
|
return <div>{l}</div>
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
export default App;
|