1
0
Separate who frmo text in Activities

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-06-18 19:54:59 -07:00
parent b21f29cec5
commit 4c33dfcdf1
3 changed files with 7 additions and 4 deletions

View File

@ -16,6 +16,10 @@
height: 5.2em;
}
.Activities .Who {
margin-right: 0.25rem;
}
.Activities .PlayerColor {
display: inline-flex;
width: 1rem;

View File

@ -172,7 +172,7 @@ const Activities = () => {
name: color === key ? 'You' : players[key].name});
}
who = selecting.map((player, index) =>
<div key={index}><PlayerColor color={player.color} />{ player.name }{ index !== selecting.length - 1 ? ', ' : '' }</div>);
<div className="Who" key={index}><PlayerColor color={player.color} />{ player.name }{ index !== selecting.length - 1 ? ', ' : '' }</div>);
} else {
if (isTurn) {
who = 'You';

View File

@ -122,7 +122,7 @@ const Hand = ({buildActive, setBuildActive, setCardActive}) => {
if (count.length !== selected) {
setSelected(count.length);
}
}, [setSelected, selected]);
}, [setSelected, selected, turn]);
if (!priv) {
return <></>;
@ -133,7 +133,6 @@ const Hand = ({buildActive, setBuildActive, setCardActive}) => {
setSelected(count.length);
}
return <div className="Hand">
{<div className="CardsSelected"
style={selected === 0 ? { display: 'none' } : {}}>