diff --git a/src/components/farm/Board.jsx b/src/components/farm/Board.jsx index 6a11145..7eef1bb 100644 --- a/src/components/farm/Board.jsx +++ b/src/components/farm/Board.jsx @@ -34,7 +34,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faUser, faUsers, faTractor, faWindowRestore, faDollarSign, faTimes, faExchangeAlt, faInfoCircle, faArrowUp, faArrowDown, faAward, - faBan, faArrowCircleLeft, faPlusCircle } from '@fortawesome/free-solid-svg-icons' + faBan, faArrowCircleLeft, faPlusCircle, faBirthdayCake } from '@fortawesome/free-solid-svg-icons' import { GroupBox, Row, Col, Button } from '../widgets.jsx' import SpaceNode from './SpaceNode.jsx' @@ -49,7 +49,7 @@ import { buy, roll, endTurn, loan, trade, submitTradeAccept, submitTradeDeny, submitTradeCancel, audit, buyUncleBert, skip, endAiTurn, startGame, readyToStart, leaveGame, kickPlayer, toggleRevealForTrade, - addAIPlayer } from './interface.js' + addAIPlayer, birthdayBonusPlayer } from './interface.js' function netWorth(player) { return ((player.assets.hay + player.assets.grain) * 2000) + @@ -121,10 +121,12 @@ class PlayerResources extends React.Component { amount={player.assets.tractor}> {player.assets.tractor} {' '} - - {player.assets.birthday ? player.assets.birthday : 0} - + {player.assets.birthday ? ( + + {player.assets.birthday ? player.assets.birthday : 0} + + ) : (<>)} ); } @@ -1924,6 +1926,10 @@ const StartGame = ({ game, player, toggleReady }) => { const playerName = player.name; const { color } = player; const { name, host } = game; + + const birthdayClass = (player) => + player.assets.birthday ? 'birthday-selected' : ''; + return ( <>

Lobby

@@ -1932,14 +1938,26 @@ const StartGame = ({ game, player, toggleReady }) => {

Players