chore: 불필요한 Fragment 제거

prgrms-web-devcourse · Dec 15, 2023 · 75045e3 · 75045e3
1 parent b28b0e8
commit 75045e3
Showing 1 changed file with 14 additions and 18 deletions.
diff --git a/src/v1/base/BottomNavigation.tsx b/src/v1/base/BottomNavigation.tsx
@@ -41,24 +41,20 @@ const iconColor = {
 
 const BottomNavigation = ({ pathname }: BottomNavigationProps) => {
   return (
-    <>
-      <nav className="absolute bottom-0 left-0 flex h-[6.4rem] w-full max-w-[43rem] justify-between border-t-[0.05rem] 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}>
-            <button
-              className={`flex h-[4.4rem] w-[4.6rem] flex-col items-center justify-center ${
-                href === pathname ? iconColor.active : iconColor.inactive
-              }`}
-            >
-              <div className="h-[2.6rem] w-[2.6rem] text-placeholder">
-                {icon}
-              </div>
-              <p className="text-xs font-bold">{label}</p>
-            </button>
-          </Link>
-        ))}
-      </nav>
-    </>
+    <nav className="absolute bottom-0 left-0 flex h-[6.4rem] w-full max-w-[43rem] justify-between border-t-[0.05rem] 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}>
+          <button
+            className={`flex h-[4.4rem] w-[4.6rem] flex-col items-center justify-center ${
+              href === pathname ? iconColor.active : iconColor.inactive
+            }`}
+          >
+            <div className="h-[2.6rem] w-[2.6rem] text-placeholder">{icon}</div>
+            <p className="text-xs font-bold">{label}</p>
+          </button>
+        </Link>
+      ))}
+    </nav>
   );
 };