const LetsPlay = React.memo(props => {
- const quorum = Math.round((props.num_players + 1) / 2);
+ const quorum = Math.max(0, props.num_players - props.prompts.length);
const max_votes = props.prompts.reduce(
(max_so_far, v) => Math.max(max_so_far, v.votes.length), 0);
- if (max_votes < quorum)
- return null;
+ if (max_votes < quorum) {
+ let text = `Before we play, we should collect a bit
+ more information about what category would
+ be interesting for this group. So, either
+ type a new category option above, or else`;
+ if (props.prompts.length) {
+ if (props.prompts.length > 1)
+ text += " vote on some of the categories below.";
+ else
+ text += " vote on the category below.";
+ } else {
+ text += " wait for others to submit, and then vote on them below.";
+ }
- const candidates = props.prompts.filter(p => p.votes.length >= quorum);
+ return (
+ <div className="before-we-play">
+ <p>
+ {text}
+ </p>
+ </div>
+ );
+ }
+
+ const candidates = props.prompts.filter(p => p.votes.length >= max_votes);
const index = Math.floor(Math.random() * candidates.length);
const winner = candidates[index];
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}
/>
];
}