From 155cca9110ea00ae1e1c5ee3de6212dddfa999bb Mon Sep 17 00:00:00 2001
From: Sorrel Bri <sorrel.bri.june@gmail.com>
Date: Mon, 4 May 2020 23:44:38 -0700
Subject: [PATCH] patch useEffect dependencies on Game page

---
 packages/play-node-go/src/components/GameUI/Board/Board.js | 2 +-
 packages/play-node-go/src/components/GameUI/Point/Point.js | 4 ++--
 packages/play-node-go/src/pages/Game/Game.js               | 5 +++--
 packages/play-node-go/src/reducers/games/reducer.games.js  | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/play-node-go/src/components/GameUI/Board/Board.js b/packages/play-node-go/src/components/GameUI/Board/Board.js
index 1d8f75f..68f357c 100644
--- a/packages/play-node-go/src/components/GameUI/Board/Board.js
+++ b/packages/play-node-go/src/components/GameUI/Board/Board.js
@@ -3,7 +3,7 @@ import './Board.scss';
 import Point from '../Point/Point';
 
 const Board = (props) => {
-  const { game, user, dispatch, board } = props;
+  const { game, user, dispatch, board, meta } = props;
   const sizeFlag = `Game__board--size-${ game.boardSize }`
 
   const renderPoints = boardSize => {
diff --git a/packages/play-node-go/src/components/GameUI/Point/Point.js b/packages/play-node-go/src/components/GameUI/Point/Point.js
index 59de091..ea9351f 100644
--- a/packages/play-node-go/src/components/GameUI/Point/Point.js
+++ b/packages/play-node-go/src/components/GameUI/Point/Point.js
@@ -2,8 +2,8 @@ import React from 'react';
 import './Point.scss';
 
 const Point = (props) => {
-  const { posX, posY, user, game, dispatch, pointData } = props;
-  const turn = game.turn > 0 ? 'black' : 'white';
+  const { posX, posY, user, game, meta, dispatch, pointData } = props;
+  const turn = meta && meta.turn ? meta.turn > 0 ? 'black' : 'white' : game.turn > 0 ? 'black' : 'white';
   
   const stone = () => {
     if (pointData === 1) return 'black'
diff --git a/packages/play-node-go/src/pages/Game/Game.js b/packages/play-node-go/src/pages/Game/Game.js
index 221f572..32d0210 100644
--- a/packages/play-node-go/src/pages/Game/Game.js
+++ b/packages/play-node-go/src/pages/Game/Game.js
@@ -39,7 +39,7 @@ const Game = (props) => {
       return dispatch(action);
     }
     roomSocketConnect();
-  }, [ state.active.game.open , dispatch, state.user ] )
+  }, [ state.active.game, dispatch, state.user ] )
 
   return (  
     <div 
@@ -59,7 +59,8 @@ const Game = (props) => {
         <PlayerArea />
         <Board 
           dispatch={dispatch}
-          game={state.active.game} 
+          game={state.active.game}
+          meta={state.meta}
           record={state.active.record}
           user={state.user}
           board={state.board}
diff --git a/packages/play-node-go/src/reducers/games/reducer.games.js b/packages/play-node-go/src/reducers/games/reducer.games.js
index de29c4b..5fb3349 100644
--- a/packages/play-node-go/src/reducers/games/reducer.games.js
+++ b/packages/play-node-go/src/reducers/games/reducer.games.js
@@ -21,7 +21,7 @@ export const gamesReducer = (state, action) => {
 
     case 'UPDATE_BOARD': 
       const { gameRecord, pass, turn, winner, playerState } = action.body.meta;
-      return {...state, board: action.body.board, active: { game: {...state.active.game, gameRecord, pass, turn, winner, playerState } } };
+      return {...state, board: action.body.board, meta: {gameRecord, pass, turn, winner, playerState } };
 
     case 'SET_ACTIVE': 
       return {...state, active: action.body};