Automatically restart the game for new cards

If new cards are passed as a prop, automatically restart the game with the new cards.
guioconnor · Mar 9, 2018 · cc3baa4 · cc3baa4
1 parent 41a7b32
commit cc3baa4
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/module/index.jsx b/src/module/index.jsx
@@ -76,11 +76,17 @@ export class MemoryGame extends Component {
     }
   }
 
+  componentWillReceiveProps(nextProps) {
+    if (nextProps.cards !== this.props.cards) {
+      this.resetGame(nextProps.cards);
+    }
+  }
+
   getChildContext() {
     return {
       [MEMORY_GAME_CONTEXT]: {
         cards: this.getMemoryCards(),
-        resetGame: this.resetGame,
+        resetGame: this.resetGame.bind(this, this.props.cards),
         movesCounter: this.state.moves,
         pairsFoundCounter: this.state.pairsFound,
       },
@@ -117,9 +123,9 @@ export class MemoryGame extends Component {
     };
   };
 
-  resetGame = () => {
+  resetGame = cards => {
     clearTimeout(this.timeout);
-    this.setState(this.getInitialState(this.props.cards), () => {
+    this.setState(this.getInitialState(cards), () => {
       if (this.props.glimpse) {
         this.startGlimpse();
       }