fix: Route game component (#14)

codesquad-members-2021 · May 7, 2021 · 2f2c365 · 2f2c365
1 parent 152e914
commit 2f2c365
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/FE/baseball/src/Components/Home/HomeStyles.jsx b/FE/baseball/src/Components/Home/HomeStyles.jsx
@@ -119,6 +119,11 @@ const HomeStyles = {
     }
   `,
 
+  Link: styled.div`
+    width: 100%;
+    height: 100%;
+  `,
+
   VS: styled.div`
     display: flex;
     align-items: center;

diff --git a/FE/baseball/src/Components/Home/MatchInfo/MatchBox/Match.jsx b/FE/baseball/src/Components/Home/MatchInfo/MatchBox/Match.jsx
@@ -1,13 +1,22 @@
 import { HomeStyles as S } from '@/Components/Home/HomeStyles';
+import { Link } from 'react-router-dom';
 import TeamName from './TeamName';
 import VS from './VS';
 
 const Match = () => {
   return (
     <S.Match>
-      <TeamName />
+      <S.Link>
+        <Link to="/game">
+          <TeamName />
+        </Link>
+      </S.Link>
       <VS />
-      <TeamName />
+      <S.Link>
+        <Link to="/game">
+          <TeamName />
+        </Link>
+      </S.Link>
     </S.Match>
   );
 };