From f9c9eccf41dd31e757ae31e878baea8bd065048e Mon Sep 17 00:00:00 2001
From: wookki <bwlimtony@gmail.com>
Date: Tue, 16 Jan 2024 18:09:21 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20button-nav=20=EC=95=84=EC=9D=B4?=
 =?UTF-8?q?=EC=BD=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/shared/bottom-nav/BottomNav.module.scss | 1 +
 src/components/shared/bottom-nav/BottomNav.tsx         | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/shared/bottom-nav/BottomNav.module.scss b/src/components/shared/bottom-nav/BottomNav.module.scss
index 1828c956..e5068cd2 100644
--- a/src/components/shared/bottom-nav/BottomNav.module.scss
+++ b/src/components/shared/bottom-nav/BottomNav.module.scss
@@ -16,6 +16,7 @@
       flex-direction: column;
       align-items: center;
       justify-content: space-between;
+      height: 42px;
     }
   }
 }
diff --git a/src/components/shared/bottom-nav/BottomNav.tsx b/src/components/shared/bottom-nav/BottomNav.tsx
index 3214f8b0..e22e7289 100644
--- a/src/components/shared/bottom-nav/BottomNav.tsx
+++ b/src/components/shared/bottom-nav/BottomNav.tsx
@@ -6,6 +6,8 @@ import { usePathname } from 'next/navigation';
 
 import Channel from '@components/icons/Channel';
 import Favorite from '@components/icons/Favorite';
+import FilledFavorite from '@components/icons/FilledFavorite';
+import FilledHome from '@components/icons/FilledHome';
 import Home from '@components/icons/Home';
 import Map from '@components/icons/Map';
 import Profile from '@components/icons/Profile';
@@ -31,13 +33,13 @@ function BottomNav() {
         </li>
         <li>
           <Link href="/favorite">
-            <Favorite color={filteredPathName.startsWith('favorite') ? 'primary' : 'black'} />
+            {filteredPathName.startsWith('favorite') ? <FilledFavorite /> : <Favorite />}
             <Text typography="t7" fontWeight="200" color={filteredPathName.startsWith('favorite') ? 'primary' : 'black'}>즐겨찾기</Text>
           </Link>
         </li>
         <li>
           <Link href="/">
-            <Home color={filteredPathName === '' ? 'primary' : 'black'} />
+            {filteredPathName === '' ? <FilledHome /> : <Home />}
             <Text typography="t7" fontWeight="200" color={filteredPathName === '' ? 'primary' : 'black'}>홈</Text>
           </Link>
         </li>