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