better episode player UI

[alttp.git] / resources / js / components / episodes / Players.js

diff --git a/resources/js/components/episodes/Players.js b/resources/js/components/episodes/Players.js
index b6f6c7abce06b6a64c4d6e3a4068c9fb31f30fc2..3a3cf5957aff1c77c774cf5b555921bd86e0244d 100644 (file)
--- a/resources/js/components/episodes/Players.js
+++ b/resources/js/components/episodes/Players.js
@@ -1,15 +1,14 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 
-const Players = ({ players }) => {
-       return <div className="episode-players">
+import Player from './Player';
+
+const Players = ({ players }) =>
+       <div className="episode-players">
                {players.map(player =>
-                       <div className="episode-player fs-4 my-3" key={player.id}>
-                               {player.name_override}
-                       </div>
+                       <Player key={player.id} player={player} />
                )}
        </div>;
-};
 
 Players.propTypes = {
        players: PropTypes.arrayOf(PropTypes.shape({