blob: d3edaa3b574fb5f79f2608e9821e6a6a8e06a857 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
import Divider from "@/core/components/elements/Divider/Divider"
import Link from "@/core/components/elements/Link/Link"
import AppLayout from "@/core/components/layouts/AppLayout"
import { ChevronRightIcon, UserIcon } from "@heroicons/react/24/solid"
export default function Menu() {
return (
<AppLayout title="Menu Utama">
<Link href="/my/profile" className="p-4 flex items-center">
<div className="rounded-full p-3 bg-gray_r-6 text-gray_r-12/90">
<UserIcon className="w-5" />
</div>
<div className="ml-4">
<div className="font-semibold text-gray_r-12">Rafi Zadanly</div>
<div className="badge-solid-red mt-1">Akun Bisnis</div>
</div>
<div className="ml-auto !text-gray_r-12">
<ChevronRightIcon className="w-6" />
</div>
</Link>
<Divider />
<div className="flex flex-col gap-y-6 py-6">
<div>
<MenuHeader>
Aktivitas Pembelian
</MenuHeader>
<div className="divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4">
<LinkItem href="/my/transactions">
Daftar Transaksi
</LinkItem>
<LinkItem href="/">
Invoice & Faktur Pajak
</LinkItem>
<LinkItem href="/">
Wishlist
</LinkItem>
</div>
</div>
<div>
<MenuHeader>
Pusat Bantuan
</MenuHeader>
<div className="divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4">
<LinkItem href="/">
Customer Support
</LinkItem>
<LinkItem href="/">
F.A.Q
</LinkItem>
</div>
</div>
<div>
<MenuHeader>
Pengaturan Akun
</MenuHeader>
<div className="divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4">
<LinkItem href="/">
Daftar Alamat
</LinkItem>
<LinkItem href="/">
Ubah Password
</LinkItem>
<LinkItem href="/">
Keluar Akun
</LinkItem>
</div>
</div>
</div>
</AppLayout>
)
}
const MenuHeader = ({ children, ...props }) => (
<div {...props} className="font-medium px-4 flex">
{ children }
</div>
)
const LinkItem = ({ children, ...props }) => (
<Link {...props} className="!text-gray_r-11 font-normal p-4 flex items-center">
{ children }
<div className="ml-auto !text-gray_r-11">
<ChevronRightIcon className="w-5" />
</div>
</Link>
)
|
