Add a "PERFECT" label for a player with a perfect score

[lmno.games] / empathy / empathy.jsx

diff --git a/empathy/empathy.jsx b/empathy/empathy.jsx
index ab45be913f109e782349529af805f8edd82105e1..9f187d8d582ba1d8b7bf0a6cd0824e430d568921 100644 (file)
--- a/empathy/empathy.jsx
+++ b/empathy/empathy.jsx
@@ -366,10 +366,6 @@ class CategoryRequest extends React.PureComponent {
 const PromptOption = React.memo(props => {
 
   const prompt = props.prompt;
-  const [show_prompt, set_show_prompt] = React.useState(true);
-
-  if (! show_prompt)
-    return false;
 
   if (prompt.votes_against.find(v => v === props.player.name))
     return false;
@@ -385,7 +381,6 @@ const PromptOption = React.memo(props => {
         onClick={(event) => {
           event.stopPropagation();
           fetch_post_json(`vote_against/${prompt.id}`);
-          set_show_prompt(false);
         }}
       >
         ×
@@ -1153,15 +1148,29 @@ class Game extends React.PureComponent {
     const players_total = 1 + state.other_players.length;
 
     if (state.scores) {
+
+      let perfect_score = 0;
+      for (let i = 0;
+           i < state.active_prompt.items &&
+           i < state.scores.words.length;
+           i++)
+      {
+        perfect_score += state.scores.words[i].players.length;
+      }
+
       return (
         <div className="scores">
           <h2>{state.active_prompt.prompt}</h2>
           <h2>Scores</h2>
           <ul>
             {state.scores.scores.map(score => {
+              let perfect = null;
+              if (score.score == perfect_score) {
+                perfect = <span className="label">Perfect!</span>;
+              }
               return (
-                <li key={score.player}>
-                  {score.players.join("/")}: {score.score}
+                <li key={score.players[0]}>
+                  {score.players.join("/")}: {score.score} {perfect}
                 </li>
               );
             })}