update payments attemps

This commit is contained in:
2026-01-26 16:23:27 -03:00
parent 8dfb54c64c
commit a571fb3ba9

View File

@@ -619,41 +619,39 @@ function PaymentAttemptsMenu({
<EllipsisIcon /> <EllipsisIcon />
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent align="end" className="w-82"> <PopoverContent align="end" className="w-82 space-y-1.5">
<div className="p-2 space-y-1.5"> {payment_attempts.map(({ sk, brand, last4, status }, index) => {
{payment_attempts.map(({ sk, brand, last4, status }, index) => { const [, , created_at] = sk.split('#')
const [, , created_at] = sk.split('#')
return ( return (
<ul key={index} className="text-sm flex gap-1.5"> <ul key={index} className="text-sm flex gap-1.5">
<li> <li>
<Kbd> <Kbd>
<DateTime <DateTime
options={{ options={{
year: '2-digit', year: '2-digit',
hour: '2-digit', hour: '2-digit',
minute: '2-digit' minute: '2-digit'
}} }}
> >
{created_at} {created_at}
</DateTime> </DateTime>
</Kbd> </Kbd>
</li> </li>
<li> <li>
<Abbr maxLen={6}>{brand}</Abbr> <Abbr maxLen={6}>{brand}</Abbr>
</li> </li>
<li className="ml-auto">**** {last4}</li> <li className="ml-auto">**** {last4}</li>
<li className="flex items-center"> <li className="flex items-center">
{status === 'FAILED' ? ( {status === 'FAILED' ? (
<CircleXIcon className="size-4 text-red-400" /> <CircleXIcon className="size-4 text-red-400" />
) : ( ) : (
<CircleCheckIcon className="size-4 text-green-400" /> <CircleCheckIcon className="size-4 text-green-400" />
)} )}
</li> </li>
</ul> </ul>
) )
})} })}
</div>
</PopoverContent> </PopoverContent>
</Popover> </Popover>
) )