daphnis/components/navigationbar/settingsnavigation.tsx

36 lines
802 B
TypeScript
Raw Normal View History

2024-06-29 05:22:22 +00:00
"use client";
import Link from "next/link";
import { usePathname } from "next/navigation";
const NAV_ITEMS = [
{ href: "/settings/home", label: "General" },
{ href: "/settings/security", label: "Security" },
];
const SettingsSubMenuNavigation = () => {
const pathname = usePathname();
return (
<nav className="grid gap-4 text-sm text-muted-foreground">
{NAV_ITEMS.map(({ href, label }) => {
const isActive = pathname === href;
return (
<Link
key={href}
href={href}
className={`${
isActive ? "font-semibold text-primary" : "text-muted-foreground"
} text-sm`}
>
{label}
</Link>
);
})}
</nav>
);
};
export default SettingsSubMenuNavigation;