fix

2 files changed, 106 insertions, 0 deletions

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
diff --git a/src/pages/my/transactions.jsx b/src/pages/my/transactions.jsx
new file mode 100644
index 00000000..a530afcc
--- /dev/null
+++ b/src/pages/my/transactions.jsx
@@ -0,0 +1,12 @@
+import AppLayout from "@/core/components/layouts/AppLayout"
+import dynamic from "next/dynamic"
+
+const TransactionsComponent = dynamic(() => import("@/lib/transaction/components/Transactions"))
+
+export default function Transactions() {
+  return (
+    <AppLayout title="Transaksi">
+      <TransactionsComponent />
+    </AppLayout>
+  )
+}
\ No newline at end of file