added visual indicator whos turn it is and who you are

This commit is contained in:
2023-03-17 11:43:26 +01:00
parent bc95b7eff3
commit f72b63e4cf
2 changed files with 17 additions and 3 deletions

View File

@@ -8,12 +8,16 @@ interface Props {
}
const Hand: FunctionComponent<Props> = ({hand, actionOnClick, isHidden}) => {
const isMyHand = !isHidden;
return (
<div className="hand">
{
hand.map((card, index) => {
return (
<Card key={index} cardString={card} handleClick={actionOnClick} isHidden={isHidden}/>
<Card key={index} cardString={card} handleClick={actionOnClick} isHidden={!isMyHand}
isClickable={isMyHand}/>
)
})
}