fix: Use user currency in top spending categories card (#57)

## Summary
- Fixed top spending categories card to display amounts in the user's
currency instead of hardcoded USD
- Uses `auth.user.currency_code` from page props, consistent with other
dashboard components

Issue: #56
This commit is contained in:
Víctor Falcón 2026-01-16 08:16:37 +01:00 committed by GitHub
parent d16282dbad
commit 21a4d87f85
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 2 deletions

View File

@ -9,6 +9,7 @@ import {
import { Progress } from '@/components/ui/progress';
import { cn } from '@/lib/utils';
import { Category, getCategoryColorClasses } from '@/types/category';
import { usePage } from '@inertiajs/react';
import * as Icons from 'lucide-react';
import { LucideIcon } from 'lucide-react';
import { PercentageTrendIndicator } from './percentage-trend-indicator';
@ -42,6 +43,8 @@ export function TopCategoriesCard({
categories,
loading,
}: TopCategoriesCardProps) {
const { auth } = usePage<{ auth: { user: { currency_code: string } } }>();
if (loading) {
return (
<Card className="col-span-3">
@ -117,14 +120,16 @@ export function TopCategoriesCard({
item.previous_amount
}
currentAmount={item.amount}
currencyCode="USD"
currencyCode={
auth.user.currency_code
}
invertColors
className="shrink-0 text-xs"
/>
)}
<AmountDisplay
amountInCents={item.amount}
currencyCode="USD"
currencyCode={auth.user.currency_code}
variant="compact"
minimumFractionDigits={0}
maximumFractionDigits={0}