no message

2 files changed, 47 insertions, 12 deletions

diff --git a/src/pages/my/menu.js b/src/pages/my/menu.js
index 3e8857ae..89f9dff7 100644
--- a/src/pages/my/menu.js
+++ b/src/pages/my/menu.js
@@ -5,24 +5,37 @@ import Link from "../../components/Link";
 import { useAuth } from "../../helpers/auth";
 import {
   ChevronRightIcon,
-  Cog6ToothIcon,
+  PencilSquareIcon,
   UserIcon
 } from "@heroicons/react/24/outline"; 
 
-const menus = [
-  { name: 'Riwayat Pesanan', url: '/my/profile' },
+const activityMenus = [
+  { name: 'Daftar Transaksi', url: '/my/profile' },
+  { name: 'Penawaran Harga', url: '/my/profile' },
+  { name: 'Purchase Order', url: '/my/profile' },
   { name: 'Faktur Penjualan', url: '/my/profile' },
   { name: 'Faktur Pajak', url: '/my/profile' },
   { name: 'Surat Jalan', url: '/my/profile' }
 ];
 
+const serviceMenus = [
+  { name: 'Customer Support', url: '/my/profile' },
+  { name: 'F.A.Q', url: '/my/profile' },
+];
+
+const settingMenus = [
+  { name: 'Daftar Alamat', url: '/my/profile' },
+  { name: 'Keluar Akun', url: '/my/profile' },
+];
+
 export default function MyMenu() {
   const [auth, setAuth] = useAuth();
 
   return (
     <>
-      <AppBar title="Menu Utama" />
       <Layout>
+        <AppBar title="Menu Utama" />
+
         <div className="p-4 flex gap-x-2 items-center">
           <div className="flex-1 flex gap-x-3 items-center">
             <div className="p-2 bg-gray_r-4 rounded-full h-fit">
@@ -34,16 +47,37 @@ export default function MyMenu() {
             </div>
           </div>
           <Link href="/my/profile">
-            <Cog6ToothIcon className="w-6 text-yellow_r-12"/>
+            <PencilSquareIcon className="w-6 text-yellow_r-12"/>
           </Link>
         </div>
+    
+        <div className="px-4 mt-4">
+          <p className="font-medium mb-2">Aktivitas Pembelian</p>
+          <div className="flex flex-col mb-6">
+            { activityMenus.map((menu, index) => (
+              <Link href={menu.url} className="text-gray_r-11 font-normal flex gap-x-2 items-center py-4 border-b border-gray_r-6" key={index}>
+                { menu.name } <ChevronRightIcon className="w-5 ml-auto"/>
+              </Link>
+            )) }
+          </div>
+
+          <p className="font-medium mb-2">Pusat Bantuan</p>
+          <div className="flex flex-col mb-6">
+            { serviceMenus.map((menu, index) => (
+              <Link href={menu.url} className="text-gray_r-11 font-normal flex gap-x-2 items-center py-4 border-b border-gray_r-6" key={index}>
+                { menu.name } <ChevronRightIcon className="w-5 ml-auto"/>
+              </Link>
+            )) }
+          </div>
 
-        <div className="px-4 flex flex-col">
-          { menus.map((menu, index) => (
-            <Link href={menu.url} className="text-gray_r-12 font-normal flex gap-x-2 items-center py-4 border-b border-gray_r-6" key={index}>
-              { menu.name } <ChevronRightIcon className="w-5 ml-auto"/>
-            </Link>
-          )) }
+          <p className="font-medium mb-2">Pengaturan Akun</p>
+          <div className="flex flex-col mb-6">
+            { settingMenus.map((menu, index) => (
+              <Link href={menu.url} className="text-gray_r-11 font-normal flex gap-x-2 items-center py-4 border-b border-gray_r-6" key={index}>
+                { menu.name } <ChevronRightIcon className="w-5 ml-auto"/>
+              </Link>
+            )) }
+          </div>
         </div>
       </Layout>
     </>
diff --git a/src/pages/my/profile.js b/src/pages/my/profile.js
index dcb38722..ebbd7f2a 100644
--- a/src/pages/my/profile.js
+++ b/src/pages/my/profile.js
@@ -33,8 +33,9 @@ export default function MyProfile() {
 
   return (
     <WithAuth>
-      <AppBar title="Akun Saya" />
       <Layout>
+        <AppBar title="Akun Saya" />
+        
         <form onSubmit={update} className="w-full px-4">
           { auth?.id && (
             <>