52 lines
1.6 KiB
TypeScript
52 lines
1.6 KiB
TypeScript
'use client';
|
|
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
type NavItem = {
|
|
label: string;
|
|
href: string;
|
|
};
|
|
|
|
const ADMIN_SIDEBAR_ITEMS: NavItem[] = [
|
|
{ label: "권한 설정", href: "/admin/id" },
|
|
{ label: "교육과정 관리", href: "/admin/courses" },
|
|
{ label: "강좌 관리", href: "/admin/lessons" },
|
|
{ label: "문제 은행", href: "/admin/questions" },
|
|
{ label: "수료증 발급/검증키 관리", href: "/admin/certificates" },
|
|
{ label: "공지사항", href: "/admin/notices" },
|
|
{ label: "학습 자료실", href: "/admin/resources" },
|
|
{ label: "로그/접속 기록", href: "/admin/logs" },
|
|
];
|
|
|
|
export default function AdminSidebar() {
|
|
const pathname = usePathname();
|
|
|
|
return (
|
|
<aside className="w-[320px] border-r border-[#dee1e6] bg-white flex-shrink-0">
|
|
<nav className="p-4">
|
|
<div className="flex flex-col gap-1">
|
|
{ADMIN_SIDEBAR_ITEMS.map((item) => {
|
|
const isActive = pathname === item.href || (item.href !== "#" && pathname.startsWith(item.href));
|
|
return (
|
|
<Link
|
|
key={item.label}
|
|
href={item.href}
|
|
className={[
|
|
"flex h-12 items-center px-3 rounded-lg text-[16px] leading-[1.5] transition-colors",
|
|
isActive
|
|
? "bg-[rgba(236,240,255,0.5)] font-bold text-[#1f2b91]"
|
|
: "font-medium text-[#333c47] hover:bg-[rgba(0,0,0,0.02)]",
|
|
].join(" ")}
|
|
>
|
|
{item.label}
|
|
</Link>
|
|
);
|
|
})}
|
|
</div>
|
|
</nav>
|
|
</aside>
|
|
);
|
|
}
|
|
|