From ed950b23d50f9b3993cfd2ac2386a5b3a68d5e57 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 20 Feb 2023 17:03:28 +0700
Subject: fix

---
 src/pages/my/menu.jsx | 94 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 94 insertions(+)
 create mode 100644 src/pages/my/menu.jsx

(limited to 'src/pages/my/menu.jsx')

diff --git a/src/pages/my/menu.jsx b/src/pages/my/menu.jsx
new file mode 100644
index 00000000..d3edaa3b
--- /dev/null
+++ b/src/pages/my/menu.jsx
@@ -0,0 +1,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>
+)
\ No newline at end of file
-- 
cgit v1.2.3

