X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=tictactoe%2Ftictactoe.jsx;fp=tictactoe%2Ftictactoe.jsx;h=579526b7dcb401e0310027da092f47c8fead5691;hp=6a27a220453ab06e38a3abda72cbc372476dafd6;hb=868ec74bb12cbae18d2bd666d67f9e82ba38ee96;hpb=40244a4fca54b3cea49fd43c63fa86a2efe06333

diff --git a/tictactoe/tictactoe.jsx b/tictactoe/tictactoe.jsx
index 6a27a22..579526b 100644
--- a/tictactoe/tictactoe.jsx
+++ b/tictactoe/tictactoe.jsx
@@ -84,14 +84,14 @@ function GameInfo(props) {
 }
 
 function PlayerInfo(props) {
-  if (! props.id)
+  if (! props.player.id)
     return null;
 
   return (
     <div className="player-info">
       <h2>Player</h2>
-      {props.name}, ID: {props.id},
-      {props.team ? ` on team ${props.team}` : " not on a team"}
+      {props.player.name}
+      {props.player.team ? ` (${props.player.team})` : ""}
     </div>
   );
 }
@@ -303,9 +303,7 @@ class Game extends React.Component {
       />,
       <PlayerInfo
         key="player-info"
-        id={state.player_info.id}
-        name={state.player_info.name}
-        team={state.player_info.team}
+        player={state.player_info}
       />,
       <div key="game" className="game">
         <button className="inline"