From 71f48b1270a380c12395f9aac00bac3f66822f8f Mon Sep 17 00:00:00 2001
From: i701 <idhaan701@outlook.com>
Date: Wed, 9 Jul 2025 21:44:54 +0500
Subject: [PATCH] =?UTF-8?q?fix:=20remove=20unnecessary=20JSON=20display=20?=
 =?UTF-8?q?of=20payment=20creation=20date=20and=20improve=20conditional=20?=
 =?UTF-8?q?styling=20in=20MobilePaymentDetails=20component=20=F0=9F=90=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/payments-table.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/payments-table.tsx b/components/payments-table.tsx
index e6756d0..5dcab40 100644
--- a/components/payments-table.tsx
+++ b/components/payments-table.tsx
@@ -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">