status-im
/
fathom
mirror of https://github.com/status-im/fathom.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

modify realtime component to work properly from componentWillReceiveProps

This commit is contained in:
Danny van Kooten 2018-10-09 17:05:49 +02:00
parent 6f97341e42
commit 901e09bcac
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/src/js/components/Realtime.js
View File

@ -17,11 +17,11 @@ class Realtime extends Component {
componentDidMount() {
this.fetchData();
this.interval = window.setInterval(this.fetchData, 15000);
this.interval = window.setInterval(this.handleIntervalEvent, 15000);
}
componentWillUnmount() {
clearInterval(this.interval);
window.clearInterval(this.interval);
}
componentWillReceiveProps(newProps, newState) {
@ -29,12 +29,11 @@ class Realtime extends Component {
return;
}
this.fetchData()
this.fetchData(newProps.siteId)
}
paramsChanged(o, n) {
return o.siteId != n.siteId || o.before != n.before || o.after != n.after;
return o.siteId != n.siteId;
}
@bind
@ -45,8 +44,13 @@ class Realtime extends Component {
}
@bind
fetchData() {
let url = `/sites/${this.props.siteId}/stats/site/realtime`
handleIntervalEvent() {
this.fetchData(this.props.siteId)
}
@bind
fetchData(siteId) {
let url = `/sites/${siteId}/stats/site/realtime`
Client.request(url)
.then((d) => {
this.setState({ count: d })