From 9a9d8f762f412daac1d6ae0f28b622b64dc2639b Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Wed, 11 Mar 2026 06:08:47 +0000
Subject: [PATCH] fix: escape $ signs in JSX to prevent template literal errors

Fix remaining '$' instances in JSX and escape properly.

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

diff --git a/app/(app)/payments/payments-client.tsx b/app/(app)/payments/payments-client.tsx
index 595edf8..572e596 100644
--- a/app/(app)/payments/payments-client.tsx
+++ b/app/(app)/payments/payments-client.tsx
@@ -217,7 +217,7 @@ export function PaymentsClient({ payments: initialPayments, members, integration
                     <td className={`px-4 py-3 font-mono text-[10px] font-bold ${platformColors[p.platform] ?? ''}`}>
                       {p.platform?.toUpperCase()}
                     </td>
-                    <td className="px-4 py-3 font-sans text-sm font-medium">${Number(p.amount).toFixed(2)}</td>
+                    <td className="px-4 py-3 font-sans text-sm font-medium">{'$'}{Number(p.amount).toFixed(2)}</td>
                     <td className="px-4 py-3 font-mono text-xs text-muted-foreground max-w-[200px] truncate">
                       {p.from_identifier}{p.from_note ? ` — "${p.from_note}"` : ''}
                     </td>
@@ -316,7 +316,7 @@ export function PaymentsClient({ payments: initialPayments, members, integration
               <div>
                 <h2 className="font-sans text-base font-semibold text-foreground">Link to Member</h2>
                 <p className="font-mono text-xs text-muted-foreground mt-0.5">
-                  ${linkingPayment.amount} via {linkingPayment.platform?.toUpperCase()} — {linkingPayment.from_identifier}
+                  {'$'}{linkingPayment.amount} via {linkingPayment.platform?.toUpperCase()} — {linkingPayment.from_identifier}
                 </p>
               </div>
               <button onClick={() => setLinkingPayment(null)} className="text-muted-foreground hover:text-foreground"><X className="w-4 h-4" /></button>