empathy: Add a comman between player names

And also simplify the code quite a bit, (using a simple join()
function instead of a map with multiple span and literal {" "}
elements.

diff --git a/empathy/empathy.jsx b/empathy/empathy.jsx
index 8c7b9170d8c0b0dbb29ae05f6765d36c1c17ee52..fcfea4d4c0f72edbb3316d54ecdcfc78e79c2dba 100644 (file)
--- a/empathy/empathy.jsx
+++ b/empathy/empathy.jsx
@@ -656,12 +656,7 @@ class Game extends React.PureComponent {
             {state.scores.words.map(word => {
               return (
                 <li key={word.word}>
             {state.scores.words.map(word => {
               return (
                 <li key={word.word}>

-                  {word.word}:
-                  {word.players.map(p => {
-                    return (
-                      <span key={p}>{p}{" "}</span>
-                    );
-                  })}
+                  {`${word.word}: ${word.players.join(', ')}`}

                 </li>
               );
             })}
                 </li>
               );
             })}