From 8461c5d69a7a28cdf6c3c9a3ee304bd7af79ca3b Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Wed, 11 Mar 2026 05:53:22 +0000
Subject: [PATCH] fix: escape dollar sign in JSX to avoid template literal
 parsing

Properly escape '$' in JSX to prevent template literal
interpretation.

Co-authored-by: Moheeb Zara <1184415+virgilvox@users.noreply.github.com>
---
 app/(app)/payments/payments-client.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(app)/payments/payments-client.tsx b/app/(app)/payments/payments-client.tsx
index fe765e4..595edf8 100644
--- a/app/(app)/payments/payments-client.tsx
+++ b/app/(app)/payments/payments-client.tsx
@@ -174,7 +174,7 @@ export function PaymentsClient({ payments: initialPayments, members, integration
                     )}
                   </div>
                 </div>
-                <p className="text-2xl font-sans font-bold text-foreground">${total.toFixed(0)}</p>
+                <p className="text-2xl font-sans font-bold text-foreground">{'$'}{total.toFixed(0)}</p>
                 <p className="font-mono text-[10px] text-muted-foreground mt-1">
                   {txs.length} tx{txs.length !== 1 ? 's' : ''} · {unlinked} unlinked
                 </p>