summaryrefslogtreecommitdiff
path: root/src/pages/my/menu.js
diff options
context:
space:
mode:
authorRafi Zadanly <zadanlyr@gmail.com>2023-02-17 17:07:50 +0700
committerRafi Zadanly <zadanlyr@gmail.com>2023-02-17 17:07:50 +0700
commitf99e0aba70efad0deb907d8e27f09fc9f527c8a4 (patch)
treef0ac96e4e736a1d385e32553f0e641ee27e11fd3 /src/pages/my/menu.js
parent90e1edab9b6a8ccc09a49fed3addbec2cbc4e4c3 (diff)
Refactor
Diffstat (limited to 'src/pages/my/menu.js')
-rw-r--r--src/pages/my/menu.js82
1 files changed, 0 insertions, 82 deletions
diff --git a/src/pages/my/menu.js b/src/pages/my/menu.js
deleted file mode 100644
index ae6c2af8..00000000
--- a/src/pages/my/menu.js
+++ /dev/null
@@ -1,82 +0,0 @@
-
-import AppBar from "@/components/layouts/AppBar";
-import Layout from "@/components/layouts/Layout";
-import Link from "@/components/elements/Link";
-import { useAuth } from "@/core/utils/auth";
-import {
- ArrowRightOnRectangleIcon,
- ChatBubbleLeftRightIcon,
- ChevronRightIcon,
- MapIcon,
- PaperClipIcon,
- PencilSquareIcon,
- QuestionMarkCircleIcon,
- ReceiptPercentIcon,
- UserIcon,
- HeartIcon
-} from "@heroicons/react/24/outline";
-import WithAuth from "@/components/auth/WithAuth";
-
-const Menu = ({ icon, name, url }) => {
- return (
- <Link href={url} className="text-gray_r-11 font-normal flex gap-x-2 items-center py-4 border-b border-gray_r-6">
- <span className="flex gap-x-2">
- { icon }
- { name }
- </span>
- <ChevronRightIcon className="w-5 ml-auto"/>
- </Link>
- );
-};
-
-export default function MyMenu() {
- const [auth] = useAuth();
-
- return (
- <WithAuth>
- <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">
- <UserIcon className="w-6" />
- </div>
- <div>
- <h2>{ auth?.name }</h2>
- { auth?.company ? (
- <div className="badge-red font-normal text-xs">Akun Bisnis</div>
- ) : (
- <div className="badge-gray font-normal text-xs">Akun Individu</div>
- ) }
- </div>
- </div>
- <Link href="/my/profile">
- <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">
- <Menu icon={<ReceiptPercentIcon className="w-5" />} name="Daftar Transaksi" url="/my/transactions" />
- <Menu icon={<PaperClipIcon className="w-5" />} name="Invoice & Faktur Pajak" url="/my/invoices" />
- <Menu icon={<HeartIcon className="w-5" />} name="Wishlist" url="/my/wishlist" />
- </div>
-
- <p className="font-medium mb-2">Pusat Bantuan</p>
- <div className="flex flex-col mb-6">
- <Menu icon={<ChatBubbleLeftRightIcon className="w-5"/>} name="Layanan Pelanggan" url="/" />
- <Menu icon={<QuestionMarkCircleIcon className="w-5"/>} name="F.A.Q" url="/faqs" />
- </div>
-
- <p className="font-medium mb-2">Pengaturan Akun</p>
- <div className="flex flex-col mb-6">
- <Menu icon={<MapIcon className="w-5" />} name="Daftar Alamat" url="/my/address" />
- <Menu icon={<ArrowRightOnRectangleIcon className="w-5" />} name="Keluar Akun" url="/logout" />
- </div>
- </div>
- </Layout>
- </WithAuth>
- );
-} \ No newline at end of file