67 lines
2.2 KiB
TypeScript
67 lines
2.2 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
const links = [
|
|
{ href: "/admin/dashboard", label: "Обзор" },
|
|
{ href: "/admin/courses", label: "Курсы" },
|
|
{ href: "/admin/categories", label: "Категории" },
|
|
{ href: "/admin/users", label: "Пользователи" },
|
|
{ href: "/curator/homework", label: "ДЗ на проверку" },
|
|
{ href: "/admin/questions", label: "Вопросы" },
|
|
{ href: "/admin/quizzes", label: "Тесты" },
|
|
{ href: "/admin/comments", label: "Комментарии" },
|
|
{ href: "/admin/import-export", label: "Импорт / Экспорт" },
|
|
{ href: "/admin/settings", label: "Настройки" },
|
|
];
|
|
|
|
export function AdminNav({ questionsBadge = 0 }: { questionsBadge?: number }) {
|
|
const pathname = usePathname();
|
|
|
|
return (
|
|
<>
|
|
{links.map(({ href, label }) => {
|
|
const active =
|
|
pathname === href ||
|
|
(href !== "/admin/dashboard" && href !== "/curator/homework" && pathname.startsWith(href)) ||
|
|
(href === "/curator/homework" && pathname.startsWith("/curator/homework"));
|
|
return (
|
|
<Link
|
|
key={href}
|
|
href={href}
|
|
className="admin-sidebar-nav-link"
|
|
style={
|
|
active
|
|
? {
|
|
color: "#E8F0D8",
|
|
borderLeftColor: "#E8F0D8",
|
|
backgroundColor: "var(--sidebar-surface)",
|
|
}
|
|
: undefined
|
|
}
|
|
>
|
|
<span className="flex items-center justify-between w-full">
|
|
{label}
|
|
{href === "/admin/questions" && questionsBadge > 0 && (
|
|
<span
|
|
className="ml-2 inline-flex items-center justify-center rounded-full text-xs font-bold leading-none"
|
|
style={{
|
|
minWidth: "1.25rem",
|
|
height: "1.25rem",
|
|
padding: "0 0.3rem",
|
|
backgroundColor: "var(--destructive)",
|
|
color: "#fff",
|
|
}}
|
|
>
|
|
{questionsBadge}
|
|
</span>
|
|
)}
|
|
</span>
|
|
</Link>
|
|
);
|
|
})}
|
|
</>
|
|
);
|
|
}
|