djmil/corda-checkers
djmil/corda-checkers
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

NewGame: show selected players in GameBoard (#28)

Browse Source 
Reviewed-on: http://192.168.8.55:3000/HQLAx/CordaCheckers/pulls/28
This commit is contained in:
djmil 2023-11-10 12:39:49 +01:00
parent 76eb556d09
commit 453a45d980
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
webapp/src/container/games/GameBoard.jsx
View File

@ -1,20 +1,27 @@
import './GameBoard.css' import React, { useContext } from 'react';
import React from 'react' import { useLocation, matchPath } from 'react-router-dom';
import { GamesContext } from '../../context/games';
import { Color, Player, Board } from '../../components/Checkers'; import { Color, Player, Board } from '../../components/Checkers';
import './GameBoard.css';
//import { AppContext } from '../../context/app'
export default function GameBoard() { export default function GameBoard() {
const games = useContext(GamesContext);
const {pathname} = useLocation();
var whiteName = '';
var blackName = '';
//const [ctx] = React.useContext(AppContext) if (matchPath('/games/new', pathname)) {
whiteName = games.newGame.whitePlayer;
blackName = games.newGame.blackPlayer;
}
return ( return (
<div className='GameBoard'> <div className='GameBoard'>
<Player color={Color.white} name={/*ctx.newGame.whitePlayer*/"White player name"} /> <Player color={Color.white} name={whiteName} />
<Board /> <Board />
<Player color={Color.black} name={/*ctx.newGame.blackPlayer*/"Black player name"} /> <Player color={Color.black} name={blackName} />
</div> </div>
) )
} }