May 2018
Intermediate to advanced
470 pages
13h 54m
English
The DeleteGame component added to the GameDetail component for each game takes the game details, and a removeGame method, as props from GameDetail that updates the parent component that GameDetail is a part of.
mern-vrgame/client/game/GameDetail.js:
<DeleteGame game={this.props.game} removeGame={this.props.updateGames}/>
This DeleteGame component is basically a button that, when clicked, opens a confirm dialog to ask the user whether they are sure they want to delete their game:

The dialog is implemented using the Dialog component from Material-UI.
mern-vrgame/client/game/DeleteGame.js:
<Button variant="raised" onClick={this.clickButton}> ...Read now
Unlock full access