Merge pull request #363 from lekandev/router-linking

Router linking
zurichat · Sep 3, 2021 · 81b6e80 · 81b6e80
2 parents d2eceac + 1c48018
commit 81b6e80
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/client/src/components/MiniBoard/MiniBoard.js b/client/src/components/MiniBoard/MiniBoard.js
@@ -1,4 +1,5 @@
 import React from "react";
+import {Link} from 'react-router-dom'
 import "./MiniBoard.css";
 import boardImg from "../../assets/mini-board.png"
 
@@ -13,7 +14,7 @@ function MiniBoard({ id, playerOne, playerTwo }) {
             <p>Player 1: @{playerOne}</p>
           </div>
         ) : (
-          <button className="join-button">Join as Player 1</button>
+          <Link to='/game'><button className="join-button">Join as Player 1</button></Link>
         )}
       </div>
 
@@ -28,7 +29,7 @@ function MiniBoard({ id, playerOne, playerTwo }) {
             <p>Player 2: @{playerTwo}</p>
           </div>
         ) : (
-          <button className="join-button">Join as Player 2</button>
+          <Link to='/game'><button className="join-button">Join as Player 2</button></Link>
         )}
       </div>
     </div>