const response = await fetch_post_json(
`judged/${this.props.prompt.id}`,{
- word_groups: this.state.word_sets.map(set => Array.from(set)),
- kudos: this.state.starred ? Array.from(this.state.starred) : null
+ word_groups: this.state.word_sets.map(
+ set => ({
+ words: Array.from(set),
+ kudos: this.state.starred === set ? true : false
+ }))
}
);
<ul>
{state.scores.scores.map(score => {
let perfect = null;
- if (score.score == perfect_score) {
+ if (score.score === perfect_score) {
perfect = <span className="achievement">Perfect!</span>;
}
+ let quirkster = null;
+ if (score.score === state.active_prompt.items) {
+ quirkster = <span className="achievement">Quirkster!</span>;
+ }
return (
<li key={score.players[0]}>
- {score.players.join("/")}: {score.score} {perfect}
+ {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>
);
})}