RomanNum3ral
/
whisper-money
mirror of https://github.com/whisper-money/whisper-money.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ui(fix): use amount display for chart current balance

This commit is contained in:
Víctor Falcón 2025-12-25 12:15:35 +00:00
parent e84929d746
commit 1db8aa4643
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
resources/js/components/accounts/account-balance-chart.tsx
View File

@ -17,6 +17,7 @@ import { Account } from '@/types/account';
import { format, subMonths } from 'date-fns';
import { useEffect, useMemo, useState } from 'react';
import { Bar, BarChart, XAxis } from 'recharts';
import { AmountDisplay } from '../ui/amount-display';
interface BalanceDataPoint {
month: string;
@ -204,10 +205,12 @@ export function AccountBalanceChart({
onClick={onBalanceClick}
className="-ml-3 cursor-pointer rounded-md px-2 py-1 text-4xl font-semibold tabular-nums transition-colors hover:bg-muted sm:hidden"
>
{formatCurrency(
currentBalance,
account.currency_code,
)}
<AmountDisplay
amountInCents={currentBalance}
currencyCode={account.currency_code}
minimumFractionDigits={0}
maximumFractionDigits={0}
/>
</button>
<CardDescription className="flex flex-col gap-1 text-sm">
<PercentageTrendIndicator
@ -232,10 +235,12 @@ export function AccountBalanceChart({
onClick={onBalanceClick}
className="-mt-1 -mr-2 cursor-pointer rounded-md px-2 py-1 text-4xl font-semibold tabular-nums transition-colors hover:bg-muted"
>
{formatCurrency(
currentBalance,
account.currency_code,
)}
<AmountDisplay
amountInCents={currentBalance}
currencyCode={account.currency_code}
minimumFractionDigits={0}
maximumFractionDigits={0}
/>
</button>
</div>
</div>