Added draw capability

Author: jgabitto

src/components/App.js

@@ -57,10 +57,16 @@ class App extends React.Component {
   }
 
   checkWinner = (values) => {
+    if (values.x.length >= 3 || values.o.length >= 3) {
       for (let i = 0; i < 9; i++) {
         for (let j = 0; j < 9; j++) {
           for (let k = 0; k < 9; k++) {
             if (i !== j && i !== k && j !== k) {
+              if (values.x.length + values.o.length === 9) {
+                this.setState({winner: 'It\'s a draw!'})
+                return;
+              }
+
               if (values.x[i] + values.x[j] + values.x[k] === 15) {
                 this.setState({winner: this.state.player1Name })
                 return;
@@ -75,6 +81,7 @@ class App extends React.Component {
           }
         }
       }
+    }
   }
 
 

src/components/Board.js

@@ -20,8 +20,10 @@ class Board extends Component {
     if (this.props.winner) {
       if (this.props.winner === this.props.player1Name) {
         message = <p><strong>Game over:</strong> {this.props.player2Name} sucks!</p>;
-      } else {
+      } else if (this.props.winner === this.props.player2Name) {
         message = <p><strong>Game over:</strong> {this.props.player1Name} sucks!</p>;
+      } else {
+        message = <p><strong>Game over:</strong> You both suck!</p>;
       }
     }