Fix logic for last row

Author: jpsierens

README.md

@@ -37,6 +37,3 @@ There's one thing I didn't implement according to the instructions given at any
 https://weblog.jamisbuck.org/2010/12/29/maze-generation-eller-s-algorithm
 
 http://www.neocomputer.org/projects/eller.html
-
-TODO:
-- bigger maze sizes mess with the perfectness of the maze (maybe because you start reassigning sets?)

src/Row.js

@@ -32,7 +32,7 @@ class Row extends Component {
   }
 
   generateNewSetId() {
-    const index = this.props.index * 10;
+    const index = this.props.index * Math.pow(10, this.props.width.toString().length)
     const id = index + this.currentCell;
     return id;
   }
@@ -135,6 +135,7 @@ class Row extends Component {
     const currentCellSetId = cells[this.currentCell].props.setID;
 
     if (
+      !this.props.lastRow &&
       this.willJoin() &&
       this.currentCell < this.props.width - 1 &&
       currentCellSetId !== cells[this.currentCell + 1].props.setID
@@ -149,7 +150,7 @@ class Row extends Component {
       if (cells[this.currentCell + 1] && 
           cells[this.currentCell + 1].props.setID !== 
           cells[this.currentCell].props.setID) {
-        cells = this.joinCellsToSet(cells, currentCellSetId, cells[this.currentCell].props.setID);
+        cells = this.joinCellsToSet(cells, currentCellSetId, cells[this.currentCell + 1].props.setID);
       }
     }
 

src/style.scss

@@ -15,7 +15,7 @@ h1, p {
   justify-content: center;
   align-items: center;
   border: 1px solid white;
-  font-size: 16px;
+  font-size: 12px;
 }
 
 .active {