player state passed into gameboard

client/src/components/Game/GameBoard.js

@@ -59,10 +59,18 @@ export default function GameBoard() {
 
     return (
         <div className="gameboard">
-            <h1 className="gameboard-title">SPLINTER</h1>
+            <a href='/' className="gameboard-title">SPLINTER</a>
             <div>
                 <h2>Players:</h2>
-                {state.players.map(player => <p key={`player-${v4()}`}>{player}</p>)}
+                {state.players.map(player => {
+                    return (
+                        <div className="player-info">
+                            <p>{player.name}</p>
+                            <p>{player.points && `Score: ${player.points}`}</p>
+                        </div>
+                    )
+                })
+                }
             </div>
 
             <div className="gameboard-row">

client/src/components/GameConfigForms/LocalMultiForm.js

@@ -58,7 +58,26 @@ export default function LocalMultiForm() {
         let toSubmit = [];
         let iter = 0;
         while (iter < players) {
-            toSubmit.push(allPlayerNames[iter]);
+            toSubmit.push({
+                name: allPlayerNames[iter],
+                tokens: {
+                    cedar: 0,
+                    birch: 0,
+                    walnut: 0,
+                    mahogany: 0,
+                    cherry: 0,
+                    resin: 0,
+                },
+                cards: {
+                    cedar: 0,
+                    birch: 0,
+                    walnut: 0,
+                    mahogany: 0,
+                    cherry: 0,
+                },
+                points: 0,
+                spirits: 0,
+            });
             iter++;
         }
 

client/src/store/Store.js

@@ -6,7 +6,7 @@ import { TierThreeDeck } from './TierThreeDeck';
 import { Spirits } from '../components/Game/Spirits';
 
 const initialGameState = {
-    players: ['no players'],
+    players: [{name: 'no players', inventory: null, cards: null}],
     materials: {
         cards: {
             tierOneRemaining: TierOneDeck,

client/src/styles/GameBoard.css

@@ -1,4 +1,6 @@
 .gameboard-title {
+    text-decoration: none;
+    font-size: 2rem;
     font-weight: bold;
 }