import AppBar from "../../components/AppBar"; import Layout from "../../components/Layout"; import Link from "../../components/Link"; import { useAuth } from "../../helpers/auth"; import { ArrowRightOnRectangleIcon, ChatBubbleLeftRightIcon, ChevronRightIcon, ClipboardDocumentIcon, ClipboardIcon, ClockIcon, DocumentArrowDownIcon, MapIcon, PaperClipIcon, PencilSquareIcon, QuestionMarkCircleIcon, ReceiptPercentIcon, UserIcon } from "@heroicons/react/24/outline"; const activityMenus = [ { icon: (), name: 'Daftar Transaksi', url: '/my/profile' }, { icon: (), name: 'Penawaran Harga', url: '/my/profile' }, { icon: (), name: 'Purchase Order', url: '/my/profile' }, { icon: (), name: 'Faktur Penjualan', url: '/my/profile' }, { icon: (), name: 'Faktur Pajak', url: '/my/profile' }, { icon: (), name: 'Surat Jalan', url: '/my/profile' } ]; const serviceMenus = [ { icon: (), name: 'Customer Support', url: '/my/profile' }, { icon: (), name: 'F.A.Q', url: '/my/profile' }, ]; const settingMenus = [ { icon: (),name: 'Daftar Alamat', url: '/my/profile' }, { icon: (),name: 'Keluar Akun', url: '/logout' }, ]; export default function MyMenu() { const [auth, setAuth] = useAuth(); return ( <>

{ auth.name }

Akun Bisnis

Aktivitas Pembelian

{ activityMenus.map((menu, index) => ( { menu.icon } { menu.name } )) }

Pusat Bantuan

{ serviceMenus.map((menu, index) => ( { menu.icon } { menu.name } )) }

Pengaturan Akun

{ settingMenus.map((menu, index) => ( { menu.icon } { menu.name } )) }
); }