From ac3fdf7be9982e65d8f83a20bc487f8dd62e3bfc Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Wed, 22 Feb 2023 23:36:47 +0700
Subject: fix

---
 src/lib/transaction/components/Transaction.jsx | 61 +++++++++++++++++++++-----
 1 file changed, 50 insertions(+), 11 deletions(-)

(limited to 'src/lib/transaction/components/Transaction.jsx')

diff --git a/src/lib/transaction/components/Transaction.jsx b/src/lib/transaction/components/Transaction.jsx
index 17eacd45..7da33551 100644
--- a/src/lib/transaction/components/Transaction.jsx
+++ b/src/lib/transaction/components/Transaction.jsx
@@ -120,7 +120,10 @@ const Transaction = ({ id }) => {
         <div className='font-medium p-4'>Detail Produk</div>
 
         <div className='p-4 pt-0 flex flex-col gap-y-3'>
-          <VariantGroupCard variants={transaction.data?.products} buyMore />
+          <VariantGroupCard
+            variants={transaction.data?.products}
+            buyMore
+          />
           <div className='flex justify-between mt-3 font-medium'>
             <p>Total Belanja</p>
             <p>{currencyFormat(transaction.data?.amountTotal)}</p>
@@ -137,7 +140,10 @@ const Transaction = ({ id }) => {
           <p className='font-medium'>Invoice</p>
           <div className='flex flex-col gap-y-3 mt-4'>
             {transaction.data?.invoices?.map((invoice, index) => (
-              <Link href={`/my/invoice/${invoice.id}`} key={index}>
+              <Link
+                href={`/my/invoice/${invoice.id}`}
+                key={index}
+              >
                 <div className='shadow rounded-md p-4 text-gray_r-12 font-normal flex justify-between'>
                   <div>
                     <p className='mb-2'>{invoice?.name}</p>
@@ -157,7 +163,10 @@ const Transaction = ({ id }) => {
               </Link>
             ))}
             {transaction.data?.invoices?.length === 0 && (
-              <Alert type='info' className='text-center'>
+              <Alert
+                type='info'
+                className='text-center'
+              >
                 Belum ada Invoice
               </Alert>
             )}
@@ -168,7 +177,10 @@ const Transaction = ({ id }) => {
 
         <div className='p-4 pt-0'>
           {transaction.data?.status == 'draft' && (
-            <button className='btn-yellow w-full mt-4' onClick={checkout}>
+            <button
+              className='btn-yellow w-full mt-4'
+              onClick={checkout}
+            >
               Lanjutkan Transaksi
             </button>
           )}
@@ -207,26 +219,50 @@ const Transaction = ({ id }) => {
             >
               Ya, Batalkan
             </button>
-            <button className='btn-light flex-1' type='button' onClick={closeCancelTransaction}>
+            <button
+              className='btn-light flex-1'
+              type='button'
+              onClick={closeCancelTransaction}
+            >
               Batal
             </button>
           </div>
         </BottomPopup>
 
-        <BottomPopup title='Upload PO' close={closeUploadPo} active={uploadPo}>
+        <BottomPopup
+          title='Upload PO'
+          close={closeUploadPo}
+          active={uploadPo}
+        >
           <div>
             <label>Nomor PO</label>
-            <input type='text' className='form-input mt-3' ref={poNumber} />
+            <input
+              type='text'
+              className='form-input mt-3'
+              ref={poNumber}
+            />
           </div>
           <div className='mt-4'>
             <label>Dokumen PO</label>
-            <input type='file' className='form-input mt-3 py-2' ref={poFile} />
+            <input
+              type='file'
+              className='form-input mt-3 py-2'
+              ref={poFile}
+            />
           </div>
           <div className='grid grid-cols-2 gap-x-3 mt-6'>
-            <button type='button' className='btn-light w-full' onClick={closeUploadPo}>
+            <button
+              type='button'
+              className='btn-light w-full'
+              onClick={closeUploadPo}
+            >
               Batal
             </button>
-            <button type='button' className='btn-solid-red w-full' onClick={submitUploadPo}>
+            <button
+              type='button'
+              className='btn-solid-red w-full'
+              onClick={submitUploadPo}
+            >
               Upload
             </button>
           </div>
@@ -279,7 +315,10 @@ const SectionAddress = ({ address }) => {
 }
 
 const SectionButton = ({ label, active, toggle }) => (
-  <button className='p-4 font-medium flex justify-between w-full' onClick={toggle}>
+  <button
+    className='p-4 font-medium flex justify-between w-full'
+    onClick={toggle}
+  >
     <span>{label}</span>
     {active ? <ChevronUpIcon className='w-5' /> : <ChevronDownIcon className='w-5' />}
   </button>
-- 
cgit v1.2.3