From f844d3fed327f0aaa3717b1696575aa97ec95788 Mon Sep 17 00:00:00 2001
From: hanyugeon <hanyugeon@naver.com>
Date: Sun, 13 Aug 2023 18:34:24 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20getIconColorClasses()=EB=A5=BC=20?=
 =?UTF-8?q?=EC=A1=B0=EA=B1=B4=EB=B0=98=ED=99=98=EB=AC=B8=20=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/Base/BottomNavigation.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/ui/Base/BottomNavigation.tsx b/src/ui/Base/BottomNavigation.tsx
index b753e727..ee8ddc47 100644
--- a/src/ui/Base/BottomNavigation.tsx
+++ b/src/ui/Base/BottomNavigation.tsx
@@ -35,20 +35,19 @@ const icons = [
 const BottomNavigation = () => {
   const pathname = usePathname();
 
-  const getIconColorClasses = (href: string) => {
-    return href === pathname
-      ? 'fill-main-900 text-main-900'
-      : 'fill-placeholder text-placeholder';
-  };
+  const iconColor = {
+    active: 'fill-main-900 text-main-900',
+    inactive: 'fill-placeholder text-placeholder',
+  } as const;
 
   return (
     <div className="border-top-[0.05rem] fixed bottom-0 flex h-[6.4rem] w-full max-w-[39.3rem] justify-between border-black-200 bg-white px-[2.6rem] pb-[1.2rem] pt-[0.8rem]">
       {icons.map(({ icon, label, href }) => (
         <Link key={label} type="button" href={href}>
           <div
-            className={`flex h-[4.4rem] w-[4.6rem] flex-col items-center justify-center text-xs font-bold ${getIconColorClasses(
-              href
-            )}`}
+            className={`flex h-[4.4rem] w-[4.6rem] flex-col items-center justify-center text-xs font-bold ${
+              href === pathname ? iconColor.active : iconColor.inactive
+            }`}
           >
             <div className="h-[2.6rem] w-[2.6rem] text-placeholder">{icon}</div>
             {label}