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
+ }))
}
);
className="vote-button"
onClick={() => fetch_post_json(`end-answers/${this.props.prompt.id}`) }
>
- Move On Without Their Answers
+ {answering_players.length ?
+ "Move On Without Their Answers" :
+ "Move On Without Anyone Else"}
<div className="vote-choices">
{[...this.props.votes].map(v => {
return (
<ul>
{state.scores.scores.map(score => {
let perfect = null;
- if (score.score == perfect_score) {
- perfect = <span className="label">Perfect!</span>;
+ 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>
);
})}
<CategoryRequest
key="category-request"
/>,
- <PromptOptions
- key="prompts"
- prompts={state.prompts}
- player={state.player_info}
- />,
<LetsPlay
key="lets-play"
num_players={1+state.other_players.length}
prompts={state.prompts}
+ />,
+ <PromptOptions
+ key="prompts"
+ prompts={state.prompts}
+ player={state.player_info}
/>
];
}