Road corners are correct

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

client/src/Board.js

@@ -35,13 +35,30 @@ const Board = ({ game }) => {
   const Road = ({road}) => {
     const onClick = (event) => {
       console.log(`Road clicked: ${road.index}`);
-      const nodes = document.querySelectorAll('.Road.Selected');
+      let nodes = document.querySelectorAll('.Road.Selected');
       for (let i = 0; i < nodes.length; i++) {
         const el = nodes[i];
         if (el !== event.target) {
           el.classList.remove('Selected');
         }
       }
+      nodes = document.querySelectorAll('.Corner.Selected');
+      for (let i = 0; i < nodes.length; i++) {
+        const el = nodes[i];
+        if (el !== event.target) {
+          el.classList.remove('Selected');
+        }
+      }
+      
+      game.layout.roads[road.index].corners.forEach(index => {
+        const el = document.querySelector(`.Corner[data-index="${index}"]`);
+        if (!el) {
+          console.log(`Unable to find corner[${index}]`);
+        } else {
+          el.classList.add('Selected');
+        }
+      });
+
       event.target.setAttribute("data-color", game.color);
       event.target.classList.toggle('Selected');
     };
@@ -53,7 +70,7 @@ const Board = ({ game }) => {
         top: `${road.top}px`,
         left: `${road.left}px`
       }}
-    ></div>;
+    >{road.index}</div>;
   };
   
   const Corner = ({corner}) => {
@@ -93,7 +110,7 @@ const Board = ({ game }) => {
         top: `${corner.top}px`,
         left: `${corner.left}px`
       }}
-    >{corner.index}</div>;
+    ></div>;
   };
 
   const generateRoads = () => {
@@ -374,10 +391,10 @@ const Board = ({ game }) => {
         { tiles }
         { pips }
         { game && <>
-          <div className="Corners" disabled={game.state !== 'active'}>
+          <div className="Corners" disabled={true || game.state !== 'active'}>
             { corners }
           </div>
-          <div className="Roads" disabled={true || game.state !== 'active'}>
+          <div className="Roads" disabled={game.state !== 'active'}>
             { roads }
           </div>
         </> }