From 2f2c3656fb2f86e838eb4ec3e8feb78660802ce0 Mon Sep 17 00:00:00 2001
From: Raccoon <nobllizdc@gmail.com>
Date: Fri, 7 May 2021 11:55:20 +0900
Subject: [PATCH] fix: Route game component (#14)

---
 FE/baseball/src/Components/Home/HomeStyles.jsx      |  5 +++++
 .../Components/Home/MatchInfo/MatchBox/Match.jsx    | 13 +++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/FE/baseball/src/Components/Home/HomeStyles.jsx b/FE/baseball/src/Components/Home/HomeStyles.jsx
index a60b1f547..2e5e45fb4 100644
--- 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
index ba0313adf..502863d53 100644
--- 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>
   );
 };