feat: add style to current navigator

codeisneverodd · codeisneverodd · commit ab503be22e76 · 2023-03-22T04:22:22.000+09:00
diff --git a/src/lib/@components/MainLayout.tsx b/src/lib/@components/MainLayout.tsx
@@ -88,14 +88,18 @@ function Menu() {
   ]);
 
   return (
-    <Flex flex="1" justify="end">
+    <Flex flex="1" justify="end" gap="12px">
       {menuItems.current.map(({ icon, title, href }) => (
         <Button
           key={title}
           leftIcon={<Icon as={FontAwesomeIcon} icon={icon} />}
           px="12px"
           py="8px"
-          variant="ghost"
+          variant={
+            router.pathname.split("/")[1] === href.replace("/", "")
+              ? "solid"
+              : "ghost"
+          }
           onClick={() => {
             router.push(href);
           }}
