oxaliq/node-go
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

patch useEffect dependencies on Game page

Browse source
This commit is contained in:
Sorrel Bri 2020-05-04 23:44:38 -07:00
parent 7aed5b7bf9
commit 155cca9110
4 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/play-node-go/src/components/GameUI/Board/Board.js
View file

@ -3,7 +3,7 @@ import './Board.scss';
import Point from '../Point/Point'; import Point from '../Point/Point';
const Board = (props) => { const Board = (props) => {
const { game, user, dispatch, board } = props; const { game, user, dispatch, board, meta } = props;
const sizeFlag = `Game__board--size-${ game.boardSize }` const sizeFlag = `Game__board--size-${ game.boardSize }`
const renderPoints = boardSize => { const renderPoints = boardSize => {

4
packages/play-node-go/src/components/GameUI/Point/Point.js
View file

@ -2,8 +2,8 @@ import React from 'react';
import './Point.scss'; import './Point.scss';
const Point = (props) => { const Point = (props) => {
const { posX, posY, user, game, dispatch, pointData } = props; const { posX, posY, user, game, meta, dispatch, pointData } = props;
const turn = game.turn > 0 ? 'black' : 'white'; const turn = meta && meta.turn ? meta.turn > 0 ? 'black' : 'white' : game.turn > 0 ? 'black' : 'white';
const stone = () => { const stone = () => {
if (pointData === 1) return 'black' if (pointData === 1) return 'black'

5
packages/play-node-go/src/pages/Game/Game.js
View file

@ -39,7 +39,7 @@ const Game = (props) => {
return dispatch(action); return dispatch(action);
} }
roomSocketConnect(); roomSocketConnect();
}, [ state.active.game.open , dispatch, state.user ] ) }, [ state.active.game, dispatch, state.user ] )
return ( return (
<div <div
@ -59,7 +59,8 @@ const Game = (props) => {
<PlayerArea /> <PlayerArea />
<Board <Board
dispatch={dispatch} dispatch={dispatch}
game={state.active.game} game={state.active.game}
meta={state.meta}
record={state.active.record} record={state.active.record}
user={state.user} user={state.user}
board={state.board} board={state.board}

2
packages/play-node-go/src/reducers/games/reducer.games.js
View file

@ -21,7 +21,7 @@ export const gamesReducer = (state, action) => {
case 'UPDATE_BOARD': case 'UPDATE_BOARD':
const { gameRecord, pass, turn, winner, playerState } = action.body.meta; 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': case 'SET_ACTIVE':
return {...state, active: action.body}; return {...state, active: action.body};