diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-03-27 10:17:49 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-03-27 10:17:49 +0700 |
| commit | bc04e721d51e149709ab3cfaf5e77ef034511860 (patch) | |
| tree | 8da5c05bd90165c4b31664044bb771c4d47626ff /src/lib/transaction/components | |
| parent | 3f8a37b15c3fd1168b01390241cda7fa2ba980c7 (diff) | |
invoice, invoice detail, address, create address, edit address, wishlist
Diffstat (limited to 'src/lib/transaction/components')
| -rw-r--r-- | src/lib/transaction/components/Transaction.jsx | 6 | ||||
| -rw-r--r-- | src/lib/transaction/components/Transactions.jsx | 18 |
2 files changed, 20 insertions, 4 deletions
diff --git a/src/lib/transaction/components/Transaction.jsx b/src/lib/transaction/components/Transaction.jsx index cba7646f..104a7f2d 100644 --- a/src/lib/transaction/components/Transaction.jsx +++ b/src/lib/transaction/components/Transaction.jsx @@ -298,14 +298,14 @@ const Transaction = ({ id }) => { </button> <div className='grid grid-cols-2 gap-x-6 mt-6'> - <div className='grid grid-cols-2 gap-y-3'> + <div className='grid grid-cols-2 gap-y-4'> <div>Nama Sales</div> <div>: {transaction?.data?.sales}</div> <div>Tanggal Transaksi</div> <div>: {transaction?.data?.dateOrder}</div> </div> - <div className='grid grid-cols-2 gap-y-3'> + <div className='grid grid-cols-2 gap-y-4'> <div>Ketentuan Pembayaran</div> <div>: {transaction?.data?.paymentTerm}</div> @@ -398,7 +398,7 @@ const Transaction = ({ id }) => { ? `${product.price.discountPercentage}%` : ''} </td> - <td>{currencyFormat(product.price.priceDiscount)}</td> + <td>{currencyFormat(product.price.priceDiscount * product.quantity)}</td> </tr> ))} </tbody> diff --git a/src/lib/transaction/components/Transactions.jsx b/src/lib/transaction/components/Transactions.jsx index 0a772967..30c670ae 100644 --- a/src/lib/transaction/components/Transactions.jsx +++ b/src/lib/transaction/components/Transactions.jsx @@ -224,12 +224,28 @@ const Transactions = () => { <tr> <th>No. Transaksi</th> <th>Tanggal</th> - <th className='!text-left'>Sales Person</th> + <th className='!text-left'>Salesperson</th> <th className='!text-left'>Total</th> <th>Status</th> </tr> </thead> <tbody> + {transactions.isLoading && ( + <tr> + <td colSpan={5}> + <div className='flex justify-center my-2'> + <Spinner className='w-6 text-gray_r-12/50 fill-gray_r-12' /> + </div> + </td> + </tr> + )} + {!transactions.isLoading && + (!transactions?.data?.saleOrders || + transactions?.data?.saleOrders?.length == 0) && ( + <tr> + <td colSpan={5}>Tidak ada data transaksi</td> + </tr> + )} {transactions.data?.saleOrders?.map((saleOrder) => ( <tr key={saleOrder.id}> <td> |