Fix unflagged mines counter

Author: Roman Babaev

src/App/index.js

@@ -40,15 +40,23 @@ export default class App extends React.Component {
   newGame = (arena = [10, 10], mines = 25) => this.game.configure(arena, mines);
 
   render() {
-    const { flaggingMode, gameState, minesCountTotal, arena, flagged, timerValue } = this.game.getStats();
+    const {
+      flaggingMode,
+      gameState,
+      minesCountLeft,
+      minesCountTotal,
+      arena,
+      flagged,
+      timerValue
+    } = this.game.getStats();
     const { showOptions, zoom } = this.state;
 
     return (
       <div className="App">
         <Hat
           gameState={gameState}
           timerValue={timerValue}
-          minesLeftCount={minesCountTotal - flagged}
+          minesLeftCount={minesCountLeft}
           onResetClick={this.game.reset}
           onOptionsClick={this.toggleOptions}
         />

src/core/index.js

@@ -151,6 +151,9 @@ export class Minesweeper {
       gameState: this.gameState,
       arena: this.arena,
       minesCountTotal: this.minesCountTotal,
+      minesCountLeft: this.gameState === 'won'
+        ? 0
+        : this.minesCountTotal - this.flaggedCells,
       opened: this.openedCells,
       flagged: this.flaggedCells,
       timerValue: this.startTime ? (this.endTime || Date.now()) - this.startTime : null,
@@ -162,6 +165,7 @@ export class Minesweeper {
   reset = () => {
     const [cells, minedCells] = genCells(this.arena, 0, 0);
     this.stopTimer();
+
     this.openedCells = 0;
     this.flaggedCells = 0;
     this.gameState = 'playing';
@@ -170,6 +174,7 @@ export class Minesweeper {
     this.startTime = null;
     this.endTime = null;
     this.flaggingMode = false;
+
     this._render();
   };