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(); return BlackStone();
case '': case '':
case undefined:
case null:
return; // no color :) return; // no color :)
default: default:

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

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