From 55d8742ed9106b699dd51b65d7e82ec79ebf725f Mon Sep 17 00:00:00 2001
From: Kenan Shifflett <kenan.shifflett@gmail.com>
Date: Thu, 21 May 2015 23:18:56 -0400
Subject: [PATCH] Update player page. Update leaderboard display.

---
 js/components/LeaderBoard.js  | 10 +++-------
 js/components/PlayerDetail.js |  9 +++++++++
 js/pages/Player.js            |  2 +-
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/js/components/LeaderBoard.js b/js/components/LeaderBoard.js
index 34cb20b..53d003b 100644
--- 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
index 4e4a36e..8a349cc 100644
--- 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
index d050310..26cce1a 100644
--- 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>
     );