fix: remove unnecessary JSON display of payment creation date and improve conditional styling in MobilePaymentDetails component 🐛
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 7m52s

This commit is contained in:
2025-07-09 21:44:54 +05:00
parent 27a0b5d4b3
commit 71f48b1270

View File

@ -84,7 +84,6 @@ export async function PaymentsTable({
>
<div className="flex items-center gap-2">
<Calendar size={16} opacity={0.5} />
<pre>{JSON.stringify(payment.created_at, null, 2)}</pre>
<span className="text-muted-foreground">
{new Date(payment.created_at).toLocaleDateString(
"en-US",
@ -196,8 +195,10 @@ function MobilePaymentDetails({ payment }: { payment: Payment }) {
className={cn(
"flex flex-col items-start border rounded p-2 my-2",
payment?.paid
? "bg-green-500/10 border-dashed border-green=500"
: "bg-yellow-500/10 border-dashed border-yellow-500 dark:border-yellow-500/50",
? "bg-green-500/10 border-dashed border-green-500"
: payment?.is_expired
? "bg-gray-500/10 border-dashed border-gray-500 dark:border-gray-500/50"
: "bg-yellow-500/10 border-dashed border-yellow-500 dark:border-yellow-500/50",
)}
>
<div className="flex items-center gap-2">