Move direct DOM outside of useEffect

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>

client/src/Board.js

@@ -528,11 +528,7 @@ const Board = () => {
     borderOrder, borders, pipOrder, pips, tileOrder, tiles
   ]);
 
-  useEffect(() => {
-    if (!turn) {
-      return;
-    }
-  
+  if (turn) {
     let nodes = document.querySelectorAll('.Active');
     for (let i = 0; i < nodes.length; i++) {
       nodes[i].classList.remove('Active');
@@ -550,13 +546,9 @@ const Board = () => {
         nodes[i].classList.add('Active');
       }
     }
-  }, [ turn ]);
-
-  useEffect(() => {
-    if (!placements) {
-      return;
   }
 
+  if (placements) {
     /* Set color and type based on placement data from the server */
     placements.corners.forEach((corner, index) => {
       const el = document.querySelector(`.Corner[data-index="${index}"]`);
@@ -637,9 +629,8 @@ const Board = () => {
         });
       }
     }
-  }, [ placements, turn]);
+  }
 
-  useEffect(() => {
   let nodes = document.querySelectorAll(`.Pip.Robber`);
   for (let i = 0; i < nodes.length; i++) {
     nodes[i].classList.remove('Robber');
@@ -655,7 +646,6 @@ const Board = () => {
       el.classList.add(robberName);
     } 
   }
-  }, [ robber, robberName ]);
 
   const canAction = (action) => {
     return (turn && Array.isArray(turn.actions) && turn.actions.indexOf(action) !== -1);