52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
import Link from "next/link";
|
||
import {
|
||
LayoutDashboard,
|
||
MapPin,
|
||
Globe,
|
||
Tags
|
||
} from "lucide-react";
|
||
|
||
const AdminSidebar = () => {
|
||
const menuItems = [
|
||
{
|
||
title: "Панель управления",
|
||
href: "/admin",
|
||
icon: LayoutDashboard
|
||
},
|
||
{
|
||
title: "Категории",
|
||
href: "/admin/categories",
|
||
icon: Tags
|
||
},
|
||
{
|
||
title: "Города",
|
||
href: "/admin/cities",
|
||
icon: MapPin
|
||
},
|
||
{
|
||
title: "Страны",
|
||
href: "/admin/countries",
|
||
icon: Globe
|
||
}
|
||
];
|
||
|
||
return (
|
||
<div className="w-64 min-h-screen bg-gray-900 text-white p-4">
|
||
<div className="text-xl font-bold mb-8">Админ панель</div>
|
||
<nav>
|
||
{menuItems.map((item) => (
|
||
<Link
|
||
key={item.href}
|
||
href={item.href}
|
||
className="flex items-center gap-2 p-2 hover:bg-gray-800 rounded-lg mb-2"
|
||
>
|
||
<item.icon className="w-5 h-5" />
|
||
<span>{item.title}</span>
|
||
</Link>
|
||
))}
|
||
</nav>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default AdminSidebar;
|