diff options
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/tempo/components/Tempo.jsx | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/src/lib/tempo/components/Tempo.jsx b/src/lib/tempo/components/Tempo.jsx index 71dd0f64..d8af450d 100644 --- a/src/lib/tempo/components/Tempo.jsx +++ b/src/lib/tempo/components/Tempo.jsx @@ -305,7 +305,7 @@ const Tempo = () => { </div> <div className='flex justify-around text-sm '> <div className='w-[40%] flex flex-col gap-2'> - <p>Limit Tempo Terpakai</p> + <p>Kredit Limit Terpakai</p> <Skeleton isLoaded={!isLoading} // h='36px' @@ -327,7 +327,7 @@ const Tempo = () => { </Skeleton> </div> <div className=' w-[30%] flex flex-col gap-2'> - <p>Limit Tempo</p> + <p>Kredit Limit</p> <Skeleton isLoaded={!isLoading} // h='36px' @@ -396,13 +396,17 @@ const Tempo = () => { {invoice.salesOrder} </h2> </Link> - <div className='flex gap-x-1 justify-end items-center'> + <div className='flex gap-x-1 justify-end items-end '> {invoice.amountResidual > 0 ? ( - <div className='badge-solid-red h-fit ml-auto'> - {new Date() > getDueDate(invoice.invoiceDateDue) - ? 'Jatuh Tempo' - : 'Belum Lunas'} - </div> + new Date() > getDueDate(invoice.invoiceDateDue) ? ( + <div className='inline-flex items-end rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 ring-1 ring-inset ring-red-600/20'> + Jatuh Tempo + </div> + ) : ( + <div className='badge-solid-red h-fit ml-auto'> + Belum Lunas + </div> + ) ) : ( <div className='badge-solid-green h-fit ml-auto'>Lunas</div> )} |