'use client' import { useEffect, useState } from 'react' import Link from 'next/link' import { usePathname } from 'next/navigation' import { cn } from '@/lib/utils' import { Store, ClipboardList, ShoppingBag, UserCircle, Sparkles, X, ArrowUpRight, Info, BarChart2 } from 'lucide-react' import { checkUser } from '@/app/actions' const menuItems = [ { name: 'Open Order', href: '/', icon: Store, desc: 'Daftar PO live hari ini' }, { name: 'Jasa Order Saya', href: '/my-orders', icon: ClipboardList, desc: 'Kelola PO buatan Anda' }, { name: 'Pesanan Saya', href: '/my-purchases', icon: ShoppingBag, desc: 'Riwayat titipan Anda' }, { name: 'Laporan', href: '/reports', icon: BarChart2, desc: 'Ringkasan transaksi' }, ] export function Sidebar({ isOpen, onClose }: { isOpen?: boolean; onClose?: () => void }) { const pathname = usePathname() const [userName, setUserName] = useState('Pengguna') const [userPhoto, setUserPhoto] = useState(null) const [userId, setUserId] = useState(null) useEffect(() => { const id = localStorage.getItem('user_id') if (id) { setUserId(id) checkUser(id).then((u) => { if (u) { setUserName(u.name) if (u.photo) setUserPhoto(u.photo) } }) } }, [pathname]) return ( <> {/* Mobile Backdrop */} {isOpen && (
)} ) }