From 362410c29b7b7a1c47134167a0f5704f74e5fd50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elisi=C3=A1rio=20Couto?= <elisiario@couto.io>
Date: Mon, 8 Dec 2025 15:56:18 +0000
Subject: [PATCH] fix(frontend): Blur balances in transactions page cards.

---
 frontend/src/components/TransactionsTable.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/TransactionsTable.tsx b/frontend/src/components/TransactionsTable.tsx
index d65837e..1d2e125 100644
--- a/frontend/src/components/TransactionsTable.tsx
+++ b/frontend/src/components/TransactionsTable.tsx
@@ -413,9 +413,9 @@ export default function TransactionsTable() {
                 <p className="text-xs text-muted-foreground uppercase tracking-wider">
                   Income
                 </p>
-                <p className="text-2xl font-bold text-green-600 mt-1">
+                <BlurredValue className="text-2xl font-bold text-green-600 mt-1 block">
                   +{formatCurrency(stats.totalIncome, displayCurrency)}
-                </p>
+                </BlurredValue>
               </div>
               <TrendingUp className="h-8 w-8 text-green-600 opacity-50" />
             </div>
@@ -427,9 +427,9 @@ export default function TransactionsTable() {
                 <p className="text-xs text-muted-foreground uppercase tracking-wider">
                   Expenses
                 </p>
-                <p className="text-2xl font-bold text-red-600 mt-1">
+                <BlurredValue className="text-2xl font-bold text-red-600 mt-1 block">
                   -{formatCurrency(stats.totalExpenses, displayCurrency)}
-                </p>
+                </BlurredValue>
               </div>
               <TrendingDown className="h-8 w-8 text-red-600 opacity-50" />
             </div>
@@ -441,14 +441,14 @@ export default function TransactionsTable() {
                 <p className="text-xs text-muted-foreground uppercase tracking-wider">
                   Net Change
                 </p>
-                <p
-                  className={`text-2xl font-bold mt-1 ${
+                <BlurredValue
+                  className={`text-2xl font-bold mt-1 block ${
                     stats.netChange >= 0 ? "text-green-600" : "text-red-600"
                   }`}
                 >
                   {stats.netChange >= 0 ? "+" : ""}
                   {formatCurrency(stats.netChange, displayCurrency)}
-                </p>
+                </BlurredValue>
               </div>
               {stats.netChange >= 0 ? (
                 <TrendingUp className="h-8 w-8 text-green-600 opacity-50" />