diff --git a/components/GameList.js b/components/GameList.js index d9404d254140de3d93aeb171e4a847274025782a..cab982401dd1fdb7bfc48beb9127d7e1edce529b 100644 --- a/components/GameList.js +++ b/components/GameList.js @@ -25,7 +25,8 @@ class GameList extends Component { .then(response => response.json()) .then(games => { this.setState({ - games + games, + selectedGame: games[0] }); }) .catch(error => { @@ -39,7 +40,11 @@ class GameList extends Component { startTracking() { this.intervalID = setInterval(() => { - console.log("Nyt träkätää nim birusti."); + console.log("Valittu peli: " + this.state.selectedGame); + console.log( + "Nyt träkätää nim birusti peliä: " + this.state.selectedGame.name + ); + console.log("Tracking: " + this.state.tracking); }, 3000); } @@ -65,12 +70,13 @@ class GameList extends Component { <Picker style={styles.picker} selectedValue={this.state.selectedGame} - onValueChange={(selectedGame, itemIndex) => - this.setState({ selectedGame }) - } + onValueChange={(selectedGame, itemIndex) => { + clearInterval(this.intervalID); + this.setState({ selectedGame, tracking: "false" }); + }} > {this.state.games.map(game => ( - <Picker.Item label={game.name} value={game.id} /> + <Picker.Item label={game.name} value={game} /> ))} </Picker> <LocationTracker