From e1e260f3d142e8d4f0463ba48a1abad7f0012752 Mon Sep 17 00:00:00 2001
From: LordRonz <aarontanhar2000@gmail.com>
Date: Sun, 8 Jan 2023 00:18:00 +0700
Subject: [PATCH] feat: add exchange type, token, dll :rocket:

---
 src/components/Invoice/InvoiceBeli.tsx |   4 +-
 src/components/Invoice/InvoiceMain.tsx |   2 +-
 src/components/Upload/UploadMain.tsx   | 127 +++++++++++++++++++++----
 src/pages/admin/iklan/index.tsx        |   5 +
 src/pages/admin/invoice/index.tsx      |  29 +++---
 src/types/iklan.ts                     |  10 +-
 6 files changed, 142 insertions(+), 35 deletions(-)

diff --git a/src/components/Invoice/InvoiceBeli.tsx b/src/components/Invoice/InvoiceBeli.tsx
index 8b76501..1f30286 100644
--- a/src/components/Invoice/InvoiceBeli.tsx
+++ b/src/components/Invoice/InvoiceBeli.tsx
@@ -33,11 +33,11 @@ const InvoiceBeli = ({ no_invoice }: { no_invoice: string }) => {
     queryString.stringifyUrl({
       url: `https://wa.me/${config?.data?.value}`,
       query: {
-        text: `Halo admin,\n\nSaya melakukan order dengan nomor invoice ${
+        text: `Halo admin ouralapak,\n\nSaya melakukan order PEMBELIAN AKUN dengan nomor invoice ${
           invoice?.data.no_invoice
         } (${typeof window !== 'undefined' ? window.location.origin : ''}${
           router.asPath
-        }))`,
+        })\nMohon dicek berikut bukti pembayaran saya. Terimakasih.`,
       },
     });
 
diff --git a/src/components/Invoice/InvoiceMain.tsx b/src/components/Invoice/InvoiceMain.tsx
index e0a4ec4..5d3867a 100644
--- a/src/components/Invoice/InvoiceMain.tsx
+++ b/src/components/Invoice/InvoiceMain.tsx
@@ -73,7 +73,7 @@ const InvoiceMain = ({ no_invoice }: { no_invoice: string }) => {
           invoice?.data.no_invoice
         } (${typeof window !== 'undefined' ? window.location.origin : ''}${
           router.asPath
-        }). Mohon dicek berikut bukti pembayaran saya. Terimakasih`,
+        })\nMohon dicek berikut bukti pembayaran saya. Terimakasih.`,
       },
     });
 
diff --git a/src/components/Upload/UploadMain.tsx b/src/components/Upload/UploadMain.tsx
index e114af5..e725743 100644
--- a/src/components/Upload/UploadMain.tsx
+++ b/src/components/Upload/UploadMain.tsx
@@ -73,6 +73,7 @@ type IFormInput = {
   }[];
   recall_effect: string[];
   jenis_refund: number;
+  exchange_type: number;
   harga_akun: number;
   jenis_pembayaran: number;
   package_id: number;
@@ -220,8 +221,6 @@ const UploadMain = () => {
       : null
   );
 
-  console.log(feePayment?.data.data);
-
   const changeNameOpts = [
     { value: 0, label: 'OFF' },
     { value: 1, label: 'ON' },
@@ -293,6 +292,17 @@ const UploadMain = () => {
     },
   ];
 
+  const exchangeTypeOpts = [
+    {
+      value: 0,
+      label: 'Akun Moonton + Akun Gmail Sepaket',
+    },
+    {
+      value: 1,
+      label: 'Tukar Email Moonton',
+    },
+  ];
+
   const [previewImgProfile, setPreviewImgProfile] = useState(false);
   const [previewWinRate, setPreviewWinRate] = useState(false);
   const [previewWinRateHero, setPreviewWinRateHero] = useState(false);
@@ -448,6 +458,10 @@ const UploadMain = () => {
 
   const onCloseSkin = () => setOpenSkin(false);
 
+  const [openExchangeType, setOpenExchangeType] = useState(false);
+
+  const onCloseExchangeType = () => setOpenExchangeType(false);
+
   useEffect(() => {
     if (
       emblemOpts &&
@@ -517,8 +531,6 @@ const UploadMain = () => {
     });
   }
 
-  console.log(feePayment?.data);
-
   if (
     !authorized ||
     !accountBindOpts ||
@@ -1279,6 +1291,44 @@ const UploadMain = () => {
                       <p className='text-red-500'>
                         {errors.first_top_up_exist?.message}
                       </p>
+                      <div className='single-input-unit mt-2'>
+                        <label
+                          htmlFor='exchange_type'
+                          className='!flex gap-x-2'
+                        >
+                          <span>Sistem Pertukaran Akun</span>
+                          <FiInfo
+                            className='cursor-pointer'
+                            onClick={() => setOpenExchangeType(true)}
+                          />
+                        </label>
+                        <Controller
+                          control={control}
+                          defaultValue={exchangeTypeOpts[0].value}
+                          name='exchange_type'
+                          render={({ field: { onChange, value } }) => (
+                            <Select
+                              className={clsxm(
+                                'rounded-md border border-2 pt-0 dark:!border-gray-700'
+                              )}
+                              options={exchangeTypeOpts}
+                              value={exchangeTypeOpts.find(
+                                (c) => c.value === value
+                              )}
+                              onChange={(val) => onChange(val?.value)}
+                              theme={
+                                mounted && theme === 'dark'
+                                  ? selectDarkTheme
+                                  : undefined
+                              }
+                              styles={customSelectStyles}
+                            />
+                          )}
+                        />
+                      </div>
+                      <p className='text-red-500'>
+                        {errors.exchange_type?.message}
+                      </p>
                     </div>
                     <div className='col-md-6 grid grid-cols-2 gap-y-4 gap-x-4'>
                       <div>
@@ -1726,6 +1776,27 @@ const UploadMain = () => {
                             }
                           </p>
                         </div>
+                        <div>
+                          <label>Bukti Top Up Pertama</label>
+                          <p className='text-xl font-bold text-black dark:!text-white md:text-2xl'>
+                            {
+                              firstTopUpOpts.find(
+                                (p) =>
+                                  p.value === getValues('first_top_up_exist')
+                              )?.label
+                            }
+                          </p>
+                        </div>
+                        <div>
+                          <label>Sistem Pertukaran Akun</label>
+                          <p className='text-xl font-bold text-black dark:!text-white md:text-2xl'>
+                            {
+                              exchangeTypeOpts.find(
+                                (p) => p.value === getValues('exchange_type')
+                              )?.label
+                            }
+                          </p>
+                        </div>
                         <div>
                           <label>Screenshot Profile</label>
                           <MyButton
@@ -1776,18 +1847,6 @@ const UploadMain = () => {
                             />
                           )}
                         </div>
-                        <div>
-                          <label>Bukti Top Up Pertama</label>
-                          <p className='text-xl font-bold text-black dark:!text-white md:text-2xl'>
-                            {
-                              firstTopUpOpts.find(
-                                (p) =>
-                                  p.value === getValues('first_top_up_exist')
-                              )?.label
-                            }
-                          </p>
-                        </div>
-
                         <div>
                           <label>Screenshot Emblem</label>
                           <MyButton
@@ -2256,6 +2315,42 @@ const UploadMain = () => {
           <img src='/images/posting/SKIN.jpg' alt='profile' />
         </div>
       </Modal>
+      <Modal
+        open={openExchangeType}
+        onClose={onCloseExchangeType}
+        center
+        classNames={{
+          modal: 'rounded-xl p-0 overflow-y-auto',
+          root: 'overflow-y-auto',
+          modalContainer: 'overflow-y-auto',
+        }}
+        closeIcon={<XButton />}
+      >
+        <div className='p-6'>
+          <h1 className='mb-4 text-2xl'>Sistem Pertukaran Akun</h1>
+          <div className='flex gap-x-2'>
+            <p className='m-0'>1. </p>
+            <p className='m-0'>
+              <span className='font-bold'>
+                Akun Moonton + Akun Gmail Sepaket:
+              </span>{' '}
+              Penjual memberikan semua akun moonton dan akun gmail yang
+              terhubung ke akun moonton kepada pembeli. Cara ini disarankan
+              karena lebih cepat prosesnya
+            </p>
+          </div>
+          <div className='flex gap-x-2'>
+            <p className='m-0'>2. </p>
+            <p className='m-0'>
+              <span className='font-bold'>Tukar Email Moonton:</span> Penjual
+              tidak memberikan gmail nya sepaket dengan akun moonton dikarenakan
+              email pribadi/masih dipakai sehingga penjual akan menukarkan email
+              moontonnya menjadi email moonton pembeli, penukaran email moonton
+              membutuhkan waktu peninjauan minimal 7 Hari
+            </p>
+          </div>
+        </div>
+      </Modal>
     </main>
   );
 };
diff --git a/src/pages/admin/iklan/index.tsx b/src/pages/admin/iklan/index.tsx
index e42f710..30942af 100644
--- a/src/pages/admin/iklan/index.tsx
+++ b/src/pages/admin/iklan/index.tsx
@@ -210,6 +210,7 @@ const IndexPage = () => {
           user: iklan.user,
           userName: iklan.user.name,
           email: iklan.user.email,
+          token: iklan.token,
           jenisRefund: getJenisRefund(iklan.jenis_refund),
           action: {},
         };
@@ -235,6 +236,10 @@ const IndexPage = () => {
         Header: 'Email',
         accessor: 'email',
       },
+      {
+        Header: 'Token',
+        accessor: 'token  ',
+      },
       {
         Header: 'Status',
         accessor: 'status',
diff --git a/src/pages/admin/invoice/index.tsx b/src/pages/admin/invoice/index.tsx
index 0407936..40d02e4 100644
--- a/src/pages/admin/invoice/index.tsx
+++ b/src/pages/admin/invoice/index.tsx
@@ -215,21 +215,20 @@ const IndexPage = () => {
         Cell: ({ row }) => (
           <>
             <div className='flex items-center justify-center gap-x-2'>
-              {row.original.statusCode !== StatusInvoice.EXPIRED && (
-                <Tooltip interactive={false} content='Update'>
-                  <div
-                    className='cursor-pointer'
-                    onClick={() => onClickUpdate(row.original.invoice)}
-                  >
-                    {row.original.statusCode ===
-                    StatusInvoice.MENUNGGU_PEMBAYARAN ? (
-                      <CheckMark />
-                    ) : (
-                      <XMark />
-                    )}
-                  </div>
-                </Tooltip>
-              )}
+              <Tooltip interactive={false} content='Update'>
+                <div
+                  className='cursor-pointer'
+                  onClick={() => onClickUpdate(row.original.invoice)}
+                >
+                  {row.original.statusCode ===
+                    StatusInvoice.MENUNGGU_PEMBAYARAN ||
+                  row.original.statusCode === StatusInvoice.EXPIRED ? (
+                    <CheckMark />
+                  ) : (
+                    <XMark />
+                  )}
+                </div>
+              </Tooltip>
               <Tooltip interactive={false} content='Lihat'>
                 <UnstyledLink
                   openNewTab
diff --git a/src/types/iklan.ts b/src/types/iklan.ts
index b71cc72..b6df07b 100644
--- a/src/types/iklan.ts
+++ b/src/types/iklan.ts
@@ -3,7 +3,12 @@ import type Hero from './hero';
 import type SkinRare from './skinRare';
 import type User from './user';
 
-type Iklan = {
+export enum ExchangeTypeEnum {
+  akun_moonton_plus_gmail,
+  email_moonton,
+}
+
+export type Iklan = {
   account_bind: {
     name: string;
     id: number;
@@ -13,6 +18,7 @@ type Iklan = {
   created_by: string;
   emblems: Emblem[];
   emblem: Emblem[];
+  exchange_type: ExchangeTypeEnum;
   first_top_up_exist: null;
   first_top_up_image: null;
   harga_akun: string;
@@ -51,6 +57,7 @@ export type IklanAdmin = {
   }[];
   id: number;
   image_profile: string;
+  exchange_type: ExchangeTypeEnum;
   jenis_refund: number;
   package_id: number;
   platform: string;
@@ -60,6 +67,7 @@ export type IklanAdmin = {
   status_id: number;
   title: string;
   total_hero: number;
+  token: string;
   total_skin: number;
   total_skin_rare: string;
   user: {