[Design] nav-item 경로 이슈 때문에 색 적용 안 되는 문제 해결 (#110)

GDSC-Hongik · Sep 2, 2024 · 2900a53 · 2900a53
1 parent 4fa3775
commit 2900a53
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/ui/src/components/NavItem/index.tsx b/packages/ui/src/components/NavItem/index.tsx
@@ -46,6 +46,11 @@ const NavItem = ({ href, imageUrl, alt, name, items }: NavItemProps) => {
     }
   };
 
+  const navItemType =
+    (!segment[1] && `${segment[0]}` === href) || `/${segment[0]}` === href
+      ? "active"
+      : "inactive";
+
   return (
     <styled.div listStyle="none" role="presentation">
       <Link
@@ -55,7 +60,7 @@ const NavItem = ({ href, imageUrl, alt, name, items }: NavItemProps) => {
         href={`${href}`}
         tabIndex={0}
         className={navItemStyle({
-          type: !segment[1] && `${segment[0]}` === href ? "active" : "inactive",
+          type: navItemType,
         })}
         onClick={handleClickNavItem}
       >