turniere
/
turniere-frontend
mirror of https://github.com/turniere/turniere-frontend.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Fullscreen page: update matches every 3 seconds

This commit is contained in:
Felix Hamme 2019-11-06 11:20:53 +01:00
parent aa3d026f83
commit c05d5bb9e0
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages/tournament-fullscreen.js
View File

@ -51,11 +51,23 @@ class Main extends React.Component {
this.onTournamentRequestError = this.onTournamentRequestError.bind(this); this.onTournamentRequestError = this.onTournamentRequestError.bind(this);
this.onTournamentMatchesRequestSuccess = this.onTournamentMatchesRequestSuccess.bind(this); this.onTournamentMatchesRequestSuccess = this.onTournamentMatchesRequestSuccess.bind(this);
this.onTournamentMatchesRequestError = this.onTournamentMatchesRequestError.bind(this); this.onTournamentMatchesRequestError = this.onTournamentMatchesRequestError.bind(this);
this.updateMatches = this.updateMatches.bind(this);
} }
componentDidMount() { componentDidMount() {
const tournamentId = this.props.query.code; const tournamentId = this.props.query.code;
getTournamentMeta(tournamentId, this.onTournamentRequestSuccess, this.onTournamentRequestError); getTournamentMeta(tournamentId, this.onTournamentRequestSuccess, this.onTournamentRequestError);
this.updateMatches();
const intervalId = setInterval(this.updateMatches, 3000);
this.setState({intervalId: intervalId});
}
componentWillUnmount() {
clearInterval(this.state.intervalId);
}
updateMatches() {
const tournamentId = this.props.query.code;
getTournamentMatches(tournamentId, this.onTournamentMatchesRequestSuccess, getTournamentMatches(tournamentId, this.onTournamentMatchesRequestSuccess,
this.onTournamentMatchesRequestError); this.onTournamentMatchesRequestError);
} }