+function PromptOptions(props) {
+
+ function handle_click(id) {
+ fetch_post_json(`vote/${id}`);
+ }
+
+ 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={() => handle_click(p.id)}
+ >
+ {p.prompt}
+ </button>
+ );
+ })}
+ </div>
+ );
+}
+