+const PromptOptions = React.memo(props => {
+
+ if (props.prompts.length === 0)
+ return null;
+
+ return (
+ <div className="prompt-options">
+ <h2>Vote on Categories</h2>
+ <p>
+ Select any categories below that you'd like to play.
+ You can choose as many as you'd like.
+ </p>
+ {props.prompts.map(p => {
+ return (
+ <button
+ className="vote-button"
+ key={p.id}
+ onClick={() => fetch_post_json(`vote/${p.id}`) }
+ >
+ {p.prompt}
+ <div className="vote-choices">
+ {p.votes.map(v => {
+ return (
+ <div
+ key={v}
+ className="vote-choice"
+ >
+ {v}
+ </div>
+ );
+ })}
+ </div>
+ </button>
+ );
+ })}
+ </div>
+ );
+});
+
+class Game extends React.PureComponent {