TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix grid balance card component

Browse Source
This commit is contained in:
Wikzyy
2025-04-21 15:01:15 +07:00
parent a24312a6de
commit 7f87e0ee44
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/dashboards/home/blocks/BalanceCard.tsx
View File

@ -29,6 +29,10 @@ const BalanceCard = ({ id }: BalanceCardProps) => {
}).format(value); }).format(value);
}; };
const formatNumberWithDots = (value: number) => {
return value.toLocaleString('id-ID');
};
const getColorClass = (amount: number) => { const getColorClass = (amount: number) => {
if (amount > 0) return 'bg-amber-300'; if (amount > 0) return 'bg-amber-300';
if (amount > 500) return 'bg-blue-500'; if (amount > 500) return 'bg-blue-500';
@ -79,9 +83,11 @@ const BalanceCard = ({ id }: BalanceCardProps) => {
<div className="mt-3 pt-3 border-t border-gray-200 flex items-center justify-between"> <div className="mt-3 pt-3 border-t border-gray-200 flex items-center justify-between">
<div className="text-xs text-gray-500">Credit Limit:</div> <div className="text-xs text-gray-500">Credit Limit:</div>
<div className="text-sm">{wallet.credit_limit}</div> <div className="text-sm">{formatNumberWithDots(wallet.credit_limit)}</div>
</div>
<div className="mt-3 flex items-center justify-between">
<div className="text-xs text-gray-500">Monthly Limit:</div> <div className="text-xs text-gray-500">Monthly Limit:</div>
<div className="text-sm">{wallet.monthly_limit}</div> <div className="text-sm">{formatNumberWithDots(wallet.monthly_limit)}</div>
</div> </div>
</div> </div>
</div> </div>