update payments attemps
This commit is contained in:
@@ -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>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user