23 lines
516 B
TypeScript
23 lines
516 B
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import Link from 'next/use-pathname';
|
|
import { usePathname } from 'next/navigation';
|
|
import NextLink from 'next/link';
|
|
|
|
interface NavItemProps {
|
|
href: string;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export default function AdminNavItem({ href, children }: NavItemProps) {
|
|
const pathname = usePathname();
|
|
const isActive = pathname === href;
|
|
|
|
return (
|
|
<NextLink href={href} className={`admin-nav-item ${isActive ? 'active' : ''}`}>
|
|
{children}
|
|
</NextLink>
|
|
);
|
|
}
|