message: Conditional rendering for point viewer and restart
diff: @@ -28,8 +28,6 @@ export class Game extends React.Component<IBoardProps, IGameState> {
  }
  render() {
  - let restartClassName = "game-info" + (!this.state.restartVisible ? " restart-hidden" : "");
  - let pointsClassName = "side-div game-points" + ((!this.state.restartVisible || !this.state.gamePointVisible) ? " gamepoints-hidden" : "");
  const player1Point = (this.state.player1) ? (this.state.player1.playerName + ": " + this.state.player1.point) : "";
  const player2Point = (this.state.player2) ? (this.state.player2.playerName + ": " + this.state.player2.point) : "";
  const drawMatches = "Drawn: " + this.state.draw;
  @@ -41,17 +39,21 @@ export class Game extends React.Component<IBoardProps, IGameState> {
  <div className="game-board side-div">
  <Board player={this.props.player} gameMap={this.props.gameMap} gameView={this.props.gameView}/>
  </div>
  - <div className={pointsClassName}>
  + {this.state.restartVisible && this.state.gamePointVisible &&
  + <div className="side-div game-points">
  <div className="point-wrapper">
  <span className="game-points-text">{player1Point}</span>
  <span className="game-points-text">{player2Point}</span>
  <span className="game-points-text">{drawMatches}</span>
  </div>
  </div>
  + }
  </div>
  - <div className={restartClassName} onClick={() => this.handleRestart()}>
  + {this.state.restartVisible &&
  + <div className="game-info" onClick={() => this.handleRestart()}>
  <Control restartText="Play Again!"/>
  </div>
  + }
  </div>
  </div>
  );
  