feat: button-nav 아이콘 수정

Kernel360 · Jan 16, 2024 · f9c9ecc · f9c9ecc
1 parent 383a478
commit f9c9ecc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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>