Set kudos to null if no answer is starred

[lmno.games] / empathy / empathy.jsx

diff --git a/empathy/empathy.jsx b/empathy/empathy.jsx
index 0789b463fe5813cb3fc23b8cb4a84610dd32b2a5..bc70a85f0df820b34c552de473df8d971352f1b4 100644 (file)
--- a/empathy/empathy.jsx
+++ b/empathy/empathy.jsx
@@ -414,7 +414,13 @@ const PromptOptions = React.memo(props => {
         Select any categories below that you'd like to play.
         You can choose as many as you'd like.
       </p>
-    {props.prompts.map(p => <PromptOption prompt={p} player={props.player} />)}
+      {props.prompts.map(
+        prompt => <PromptOption
+                    key={prompt.id}
+                    prompt={prompt}
+                    player={props.player}
+                  />
+      )}
     </div>
   );
 });
@@ -462,11 +468,9 @@ class Ambiguities extends React.PureComponent {
 
     for (let word of props.words) {
       const word_canon = canonize(word);
-      console.log("Canonized " + word + " to " + word_canon);
       let found_match = false;
       for (let set of word_sets) {
         const set_canon = canonize(set.values().next().value);
-        console.log("Comparing " + word_canon + " to " + set_canon);
         if (word_canon === set_canon) {
           set.add(word);
           found_match = true;;
@@ -482,7 +486,8 @@ class Ambiguities extends React.PureComponent {
 
     this.state = {
       word_sets: word_sets,
-      selected: null
+      selected: null,
+      starred: null
     };
 
     this.submitted = false;
@@ -497,7 +502,8 @@ class Ambiguities extends React.PureComponent {
 
     const response = await fetch_post_json(
       `judged/${this.props.prompt.id}`,{
-        word_groups: this.state.word_sets.map(set => Array.from(set))
+        word_groups: this.state.word_sets.map(set => Array.from(set)),
+        kudos: this.state.starred ? Array.from(this.state.starred) : null
       }
     );
 
@@ -684,6 +690,21 @@ class Ambiguities extends React.PureComponent {
                   </button>
                 );
               })}
+              <span
+                className={this.state.starred === set ?
+                           "star-button selected" : "star-button"
+                          }
+                onClick={(event) => {
+                  event.stopPropagation();
+                  this.setState({
+                    starred: set
+                  });
+                }}
+              >
+              {this.state.starred === set ?
+               '★' : '☆'
+              }
+              </span>
             </div>
           );
         })}