Files
spliit/src/app/groups/[groupId]/stats/totals-group-spending.tsx
2025-04-21 00:49:43 +02:00

23 lines
665 B
TypeScript

import { Currency } from '@/lib/currency'
import { formatCurrency } from '@/lib/utils'
import { useLocale, useTranslations } from 'next-intl'
type Props = {
totalGroupSpendings: number
currency: Currency
}
export function TotalsGroupSpending({ totalGroupSpendings, currency }: Props) {
const locale = useLocale()
const t = useTranslations('Stats.Totals')
const balance = totalGroupSpendings < 0 ? 'groupEarnings' : 'groupSpendings'
return (
<div>
<div className="text-muted-foreground">{t(balance)}</div>
<div className="text-lg">
{formatCurrency(currency, Math.abs(totalGroupSpendings), locale)}
</div>
</div>
)
}