Now that the server gives us this information, let's display it,
(otherwise, the players could be very confused about why some ties
were apparently broken in the sorting).
}
return (
<li key={score.players[0]}>
- {score.players.join("/")}: {score.score} {perfect} {quirkster}
+ {score.players.join("/")}: {score.score}
+ {score.kudos ? `, ${'★'.repeat(score.kudos)}` : ""}
+ {perfect} {quirkster}
</li>
);
})}
{state.scores.words.map(word => {
return (
<li key={word.word}>
- {word.word} ({word.players.length}): {word.players.join(', ')}
+ {word.word} ({word.players.length}
+ {word.kudos.length ? `, ${'★'.repeat(word.kudos.length)}` : ""}
+ ): {word.players.join(', ')}
</li>
);
})}