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