Add simple active state to navbar items (#124)

opentofu · Sep 19, 2023 · ddf33f5 · ddf33f5
1 parent a302295
commit ddf33f5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/theme/NavbarItem/DefaultNavbarItem.tsx b/src/theme/NavbarItem/DefaultNavbarItem.tsx
@@ -43,9 +43,11 @@ function DefaultNavbarItemMobile({
 
 export default function DefaultNavbarItem({
   mobile = false,
-  position,
+  activeClassName,
   ...props
 }: Props) {
   const Comp = mobile ? DefaultNavbarItemMobile : DefaultNavbarItemDesktop;
-  return <Comp {...props} activeClassName={props.activeClassName} />;
+  return (
+    <Comp {...props} activeClassName={clsx(activeClassName, "underline")} />
+  );
 }
diff --git a/src/theme/NavbarItem/DropdownNavbarItem.tsx b/src/theme/NavbarItem/DropdownNavbarItem.tsx
@@ -104,8 +104,11 @@ function DropdownNavbarItemMobile({
 
 export default function DropdownNavbarItem({
   mobile = false,
+  activeClassName,
   ...props
 }: Props) {
   const Comp = mobile ? DropdownNavbarItemMobile : DropdownNavbarItemDesktop;
-  return <Comp {...props} />;
+  return (
+    <Comp {...props} activeClassName={clsx(activeClassName, "underline")} />
+  );
 }