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

GameBoard provide player names for all views

Browse Source
This commit is contained in:
djmil 2023-11-16 18:40:06 +01:00
parent 8611ede4b4
commit f27eafa3f0
2 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/src/components/Checkers.jsx
View File

@ -27,6 +27,8 @@ export function Stone({ color }) {
return BlackStone();
case '':
case undefined:
case null:
return; // no color :)
default:

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

@ -9,30 +9,30 @@ export default function GameBoard() {
const games = useContext(GamesContext);
const { pathname } = useLocation();
let opponentName = '';
let opponentColor = Color.white; // defaut color
const [opponentName, opponentColor, myColor] = (() => {
if (matchPath('/games/new', pathname))
return [games.newGame.opponentName, games.newGame.opponentColor, Color.opposite(games.newGame.opponentColor)];
if (matchPath('/games/new', pathname)) {
opponentName = games.newGame.opponentName;
opponentColor = games.newGame.opponentColor;
}
let selectedGame;
// if (matchPath('/games/proposal', pathname)) {
// const selectedGame = games.findGame({ uuid: games.proposal.selectedUUID });
if (matchPath('/games/proposal', pathname))
selectedGame = games.findGame({ uuid: games.proposal.selectedUUID });
else if (matchPath('/games/active', pathname))
selectedGame = games.findGame({ uuid: games.active.selectedUUID });
else if (matchPath('/games/archive', pathname))
selectedGame = games.findGame({ uuid: games.archive.selectedUUID });
// const opponentColor = selectedGame
// whiteName = selectedGame.newGame.whitePlayer;
// blackName = games.newGame.blackPlayer;
// }
const myColor = Color.opposite(opponentColor);
if (selectedGame)
return [selectedGame?.opponentName, Color.opposite(selectedGame?.myColor), selectedGame?.myColor];
else
return ['', Color.white, Color.black]; // defaults
})(); // <<-- Execute
return (
<div className='GameBoard'>
<Player color={opponentColor} name={opponentName} />
<Board />
<Player color={myColor} name='MyName' />
<Player color={myColor} name={opponentName ? 'MyName' : ''} />
</div>
)
}