diff options
| author | trisusilo <tri.susilo@altama.co.id> | 2023-08-30 08:27:26 +0000 |
|---|---|---|
| committer | trisusilo <tri.susilo@altama.co.id> | 2023-08-30 08:27:26 +0000 |
| commit | f256bb0fef9fe7ecd477a7d5235ef152a8370eff (patch) | |
| tree | 67ebb10ebe52ec180319163231c30c0a45c56a4c /src/pages/my/menu.jsx | |
| parent | 8c726c1669289eab7e6a6989084d7de036063f29 (diff) | |
| parent | a08c6f9a773732c959e440dbcc653a6e80045e81 (diff) | |
Merged in Feature/page_tracking_awb (pull request #51)
Feature/page tracking awb
Diffstat (limited to 'src/pages/my/menu.jsx')
| -rw-r--r-- | src/pages/my/menu.jsx | 52 |
1 files changed, 46 insertions, 6 deletions
diff --git a/src/pages/my/menu.jsx b/src/pages/my/menu.jsx index fb8e6b03..a0ce223e 100644 --- a/src/pages/my/menu.jsx +++ b/src/pages/my/menu.jsx @@ -7,6 +7,7 @@ import IsAuth from '@/lib/auth/components/IsAuth' import { ChevronRightIcon, UserIcon } from '@heroicons/react/24/solid' import { signOut, useSession } from 'next-auth/react' import { useRouter } from 'next/router' +import ImageNext from 'next/image' export default function Menu() { const auth = useAuth() @@ -43,10 +44,38 @@ export default function Menu() { <MenuHeader>Aktivitas Pembelian</MenuHeader> <div className='divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4'> - <LinkItem href='/my/quotations'>Daftar Quotation</LinkItem> - <LinkItem href='/my/transactions'>Daftar Transaksi</LinkItem> - <LinkItem href='/my/invoices'>Invoice & Faktur Pajak</LinkItem> - <LinkItem href='/my/wishlist'>Wishlist</LinkItem> + <LinkItem href='/my/quotations'> + {' '} + <div className='flex gap-x-3 items-center'> + <ImageNext src='/images/icon/icon_daftar_quotation.svg' width={18} height={20} /> + <p>Daftar Quotation</p> + </div> + </LinkItem> + <LinkItem href='/my/transactions'> + <div className='flex gap-x-3 items-center'> + <ImageNext src='/images/icon/icon_daftar_transaksi.svg' width={18} height={20} /> + <p>Daftar Transaksi</p> + </div> + </LinkItem> + <LinkItem href='/my/shipments'> + <div className='flex gap-x-3 items-center'> + <ImageNext src='/images/icon/icon_pengiriman.svg' width={18} height={20} /> + <p>Daftar Pengiriman</p> + </div> + </LinkItem> + <LinkItem href='/my/invoices'> + {' '} + <div className='flex gap-x-3 items-center'> + <ImageNext src='/images/icon/icon_invoice.svg' width={18} height={20} /> + <p>Invoice & Faktur Pajak</p> + </div> + </LinkItem> + <LinkItem href='/my/wishlist'> + <div className='flex gap-x-3 items-center'> + <ImageNext src='/images/icon/icon_wishlist.svg' width={18} height={20} /> + <p>Wishlist</p> + </div> + </LinkItem> </div> </div> @@ -54,7 +83,13 @@ export default function Menu() { <MenuHeader>Pusat Bantuan</MenuHeader> <div className='divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4'> - <LinkItem href='/'>Layanan Pelanggan</LinkItem> + <LinkItem href='/'> + {' '} + <div className='flex gap-x-3 items-center'> + <ImageNext src='/images/icon/icon_layanan_pelanggan.svg' width={18} height={20} /> + <p>Layanan Pelanggan</p> + </div> + </LinkItem> </div> </div> @@ -62,7 +97,12 @@ export default function Menu() { <MenuHeader>Pengaturan Akun</MenuHeader> <div className='divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4'> - <LinkItem href='/my/address'>Daftar Alamat</LinkItem> + <LinkItem href='/my/address'> + <div className='flex gap-x-3 items-center'> + <ImageNext src='/images/icon/icon_daftar_alamat.svg' width={18} height={20} /> + <p>Daftar Alamat</p> + </div> + </LinkItem> </div> <div onClick={() => logout()} className='p-4 mt-2'> |