Full-Stack React Projects - Second Edition

The GameDetail component

We will implement the GameDetail component to render individual games in any game list view in the application. This GameDetail component takes the game object as a prop, and renders the details of the game, along with a PLAY GAME button that links to the VR game view, as pictured in the following screenshot:

This component will also conditionally render EDIT and DELETE buttons if the current user is the maker of the game.

In the view code of the GameDetail component, we will first add the game details—such as the name, world image, clue text, and maker name—to give users an overview of the game. We will use Material-UI ...