Commit iniziale
This commit is contained in:
@@ -0,0 +1,69 @@
|
||||
'use client'
|
||||
|
||||
import Link from 'next/link'
|
||||
import { usePathname } from 'next/navigation'
|
||||
import { useRouter } from 'next/navigation'
|
||||
|
||||
const navItems = [
|
||||
{ href: '/admin', label: 'Dashboard', exact: true },
|
||||
{ href: '/admin/products', label: 'Products' },
|
||||
{ href: '/admin/product-types', label: 'Product Types' },
|
||||
{ href: '/admin/categories', label: 'Categories' },
|
||||
{ href: '/admin/orders', label: 'Orders' },
|
||||
{ href: '/admin/customers', label: 'Customers' },
|
||||
{ href: '/admin/reviews', label: 'Reviews' },
|
||||
{ href: '/admin/settings', label: 'Settings' },
|
||||
{ href: '/admin/admin-users', label: 'Admin Users' },
|
||||
]
|
||||
|
||||
export function AdminNav() {
|
||||
const pathname = usePathname()
|
||||
const router = useRouter()
|
||||
|
||||
async function handleLogout() {
|
||||
await fetch('/api/auth/logout', { method: 'POST' })
|
||||
router.push('/login')
|
||||
}
|
||||
|
||||
return (
|
||||
<nav className="bg-gray-900 text-white w-56 min-h-screen flex flex-col">
|
||||
<div className="px-4 py-5 border-b border-gray-700">
|
||||
<h1 className="text-lg font-bold">Admin Panel</h1>
|
||||
</div>
|
||||
<ul className="flex-1 py-4">
|
||||
{navItems.map((item) => {
|
||||
const active = item.exact ? pathname === item.href : pathname.startsWith(item.href)
|
||||
return (
|
||||
<li key={item.href}>
|
||||
<Link
|
||||
href={item.href}
|
||||
className={`block px-4 py-2 text-sm hover:bg-gray-700 transition-colors ${
|
||||
active ? 'bg-gray-700 text-white' : 'text-gray-300'
|
||||
}`}
|
||||
>
|
||||
{item.label}
|
||||
</Link>
|
||||
</li>
|
||||
)
|
||||
})}
|
||||
</ul>
|
||||
<div className="px-4 py-4 border-t border-gray-700 space-y-2">
|
||||
<Link
|
||||
href="/admin/change-password"
|
||||
className="block text-sm text-gray-300 hover:text-white"
|
||||
>
|
||||
Change Password
|
||||
</Link>
|
||||
<Link href="/" className="block text-sm text-gray-300 hover:text-white">
|
||||
View Store
|
||||
</Link>
|
||||
<button
|
||||
onClick={handleLogout}
|
||||
className="block text-sm text-gray-300 hover:text-white w-full text-left"
|
||||
>
|
||||
Logout
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user