Deleting a game

A signed-in user will be able to delete a specific game they made by clicking on the delete button visible to makers in the GameDetail component. The GameDetail component adds this delete option using a DeleteGame component.

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}>
   Delete
</Button>
<Dialog open={this.state.open} onClose={this.handleRequestClose...