// resources/js/layouts/AuthenticatedLayout.tsx import { Head, Link } from '@inertiajs/react'; import { Building, ClipboardList, Database, FileText, Grid, Home, Image as ImageIcon, LogOut, Menu, Newspaper, Settings, Users, X, } from 'lucide-react'; import { ReactNode, useState } from 'react'; interface User { name: string; email: string; role?: string; // optional: halaman lain yang belum deklarasikan role tetap kompatibel } interface AuthenticatedLayoutProps { auth: { user: User }; header?: ReactNode; children: ReactNode; title: string; } export default function AuthenticatedLayout({ auth, children, title }: AuthenticatedLayoutProps) { const [sidebarOpen, setSidebarOpen] = useState(false); const isAdminBps = auth.user.role === 'admin_bps'; const navItems = [ { name: 'Dashboard', href: route('admin.dashboard'), icon: Grid, current: route().current('admin.dashboard'), }, // Menu konten — hanya untuk admin_desa ...(!isAdminBps ? [ { name: 'Kelola Berita', href: route('admin.berita.index'), icon: Newspaper, current: route().current('admin.berita.*'), }, { name: 'Kelola Infografis', href: route('admin.infografis.index'), icon: ImageIcon, current: route().current('admin.infografis.*'), }, { name: 'Kelola Publikasi', href: route('admin.publikasi.index'), icon: FileText, current: route().current('admin.publikasi.*'), }, ] : []), // Layanan: admin_desa → daftar permohonan, admin_bps → pengaturan jenis layanan ...(isAdminBps ? [ { name: 'Pengaturan Layanan', href: route('admin.layanan-settings.index'), icon: Settings, current: route().current('admin.layanan-settings.*') || route().current('admin.layanan.*'), }, ] : [ { name: 'Kelola Layanan', href: route('admin.layanan.index'), icon: ClipboardList, current: route().current('admin.layanan.*') || route().current('admin.layanan-settings.*'), }, ]), { name: 'Kelola Pengguna', href: route('admin.users.index'), icon: Users, current: route().current('admin.users.*'), }, ]; const settingsItems = [ { name: 'Profil Desa', href: route('admin.profil.edit'), icon: Building, current: route().current('admin.profil.*'), }, { name: 'Tabel Data', href: '/admin/dynamic-tables', icon: Database, current: typeof window !== 'undefined' && window.location.pathname.includes('/admin/dynamic-tables'), }, ]; return ( <>
{/* Sidebar */} {/* Main Content */}
{children}
); }