sarlink/sarlink-portal
7
0
Fork 0
mirror of https://github.com/i701/sarlink-portal.git synced 2025-07-11 22:05:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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
Details

Browse Source
This commit is contained in:
i701
2025-07-09 21:44:54 +05:00
parent 27a0b5d4b3
commit 71f48b1270
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/payments-table.tsx
View File

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