diff --git a/packages/play-node-go/src/components/Button/Game/Game.js b/packages/play-node-go/src/components/Button/Game/Game.js index 2eb50a5..131500e 100644 --- a/packages/play-node-go/src/components/Button/Game/Game.js +++ b/packages/play-node-go/src/components/Button/Game/Game.js @@ -5,6 +5,26 @@ import './Game.scss'; const GameButton = (props) => { const { game, dispatch, user } = props; + const setGameDisplayData = () => { + const gameData = { + playerBlack: game.playerBlack, + playerBlackRank: game.playerBlackRank, + gameId: game.id, + } + if (game.open) { + gameData.gameLinkText = 'Request to Join Game'; + gameData.playerWhite = ''; + gameData.playerWhiteRank = 'could be you!'; + } + if (!game.open) { + gameData.playerWhite = game.playerWhite; + gameData.playerWhiteRank = game.playerWhiteRank; + gameData.gameLinkText = game.winType ? 'Study Game' + : user ? 'Rejoin Game' : 'Watch Game' + } + return gameData; + } + const requestJoinGame = () => { console.log(`request to Join Game ${game.id}!`) const requestAction = { @@ -28,9 +48,15 @@ const GameButton = (props) => { ) } - const renderInProgressGame = () => { - const gameLinkText = game.winType ? 'Study Game' - : user ? 'Rejoin Game' : 'Watch Game' + const renderGame = () => { + const { + gameLinkText, + playerBlack, + playerBlackRank, + gameId, + playerWhite, + playerWhiteRank + } = setGameDisplayData(); return ( <>