Update player page. Update leaderboard display.

nanek · May 22, 2015 · 55d8742 · 55d8742
1 parent d8342d1
commit 55d8742
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/js/components/LeaderBoard.js b/js/components/LeaderBoard.js
@@ -14,13 +14,10 @@ var LeaderBoardRow = React.createClass({
           <Link to="player" params={player}>{player.name}</Link>
         </td>
         <td>
-          {player.wins}
-        </td>
-        <td>
-          {player.losses}
+          {player.points}
         </td>
         <td>
-          {player.points}
+          {player.wins} - {player.losses}
         </td>
       </tr>
     )
@@ -46,9 +43,8 @@ var LeaderBoard = React.createClass({
             <tr>
               <th>Rank</th>
               <th>Name</th>
-              <th>Wins</th>
-              <th>Losses</th>
               <th>Points</th>
+              <th>Record</th>
             </tr>
           </thead>
           <tbody>

diff --git a/js/components/PlayerDetail.js b/js/components/PlayerDetail.js
@@ -8,6 +8,15 @@ var PlayerDetail = React.createClass({
           <li>
             <label>Name:</label>{this.props.name}
           </li>
+          <li>
+            <label>Points:</label>{this.props.points}
+          </li>
+          <li>
+            <label>Wins:</label>{this.props.wins}
+          </li>
+          <li>
+            <label>Losses:</label>{this.props.losses}
+          </li>
         </ul>
       </div>
     )

diff --git a/js/pages/Player.js b/js/pages/Player.js
@@ -40,7 +40,7 @@ var PlayerPage = React.createClass({
       <div>
         <Header user={this.state.auth}/>
         <div className="ld-container">
-          <PlayerDetail name={this.state.player.name}/>
+          <PlayerDetail {...this.state.player}/>
         </div>
       </div>
     );