fix(frontend): Blur balances in transactions page cards.

This commit is contained in:
Elisiário Couto
2025-12-08 15:56:18 +00:00
committed by Elisiário Couto
parent c8b161e7f2
commit 07edfeaf25

View File

@@ -413,9 +413,9 @@ export default function TransactionsTable() {
<p className="text-xs text-muted-foreground uppercase tracking-wider"> <p className="text-xs text-muted-foreground uppercase tracking-wider">
Income Income
</p> </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)} +{formatCurrency(stats.totalIncome, displayCurrency)}
</p> </BlurredValue>
</div> </div>
<TrendingUp className="h-8 w-8 text-green-600 opacity-50" /> <TrendingUp className="h-8 w-8 text-green-600 opacity-50" />
</div> </div>
@@ -427,9 +427,9 @@ export default function TransactionsTable() {
<p className="text-xs text-muted-foreground uppercase tracking-wider"> <p className="text-xs text-muted-foreground uppercase tracking-wider">
Expenses Expenses
</p> </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)} -{formatCurrency(stats.totalExpenses, displayCurrency)}
</p> </BlurredValue>
</div> </div>
<TrendingDown className="h-8 w-8 text-red-600 opacity-50" /> <TrendingDown className="h-8 w-8 text-red-600 opacity-50" />
</div> </div>
@@ -441,14 +441,14 @@ export default function TransactionsTable() {
<p className="text-xs text-muted-foreground uppercase tracking-wider"> <p className="text-xs text-muted-foreground uppercase tracking-wider">
Net Change Net Change
</p> </p>
<p <BlurredValue
className={`text-2xl font-bold mt-1 ${ className={`text-2xl font-bold mt-1 block ${
stats.netChange >= 0 ? "text-green-600" : "text-red-600" stats.netChange >= 0 ? "text-green-600" : "text-red-600"
}`} }`}
> >
{stats.netChange >= 0 ? "+" : ""} {stats.netChange >= 0 ? "+" : ""}
{formatCurrency(stats.netChange, displayCurrency)} {formatCurrency(stats.netChange, displayCurrency)}
</p> </BlurredValue>
</div> </div>
{stats.netChange >= 0 ? ( {stats.netChange >= 0 ? (
<TrendingUp className="h-8 w-8 text-green-600 opacity-50" /> <TrendingUp className="h-8 w-8 text-green-600 opacity-50" />