DeleteGame component

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}> ...

Get Full-Stack React Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.