diff --git a/client/src/components/player.box.jsx b/client/src/components/player.box.jsx index df2e8b21..9f935edd 100644 --- a/client/src/components/player.box.jsx +++ b/client/src/components/player.box.jsx @@ -1,15 +1,24 @@ const preact = require('preact'); +const { connect } = require('preact-redux'); + +const addState = connect( + function receiveState(state) { + const { animating } = state; + return { animating }; + } +); function Scoreboard(args) { const { abandon, + animating, isPlayer, player, isGame, clear, } = args; - let scoreText = () => { + const scoreText = () => { if (player.score === 'Zero') return '▫▫▫▫'; if (player.score === 'One') return '■▫▫▫'; if (player.score === 'Two') return '■■▫▫'; @@ -38,13 +47,13 @@ function Scoreboard(args) {
{player.name}
- {(isPlayer && isGame) ? : null} + {(isPlayer && isGame && !animating) ? : null}
- {abandon ? : null} + {(abandon && !animating) ? : null}
); } -module.exports = Scoreboard; +module.exports = addState(Scoreboard); diff --git a/client/src/events.jsx b/client/src/events.jsx index f378ba24..1c01bd53 100644 --- a/client/src/events.jsx +++ b/client/src/events.jsx @@ -179,6 +179,7 @@ function registerEvents(store) { store.dispatch(actions.setActiveConstruct(first)); } } + if (v.phase === 'Finished') setGame(null); return store.dispatch(actions.setInstance(v)); }