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

update styling balance card component

Browse Source
This commit is contained in:
Wikzyy
2025-04-21 17:40:40 +07:00
parent 1191595e80
commit 81fa2579c3
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,9 +33,9 @@ const BalanceCard = ({ id }: BalanceCardProps) => {
return value.toLocaleString('id-ID'); return value.toLocaleString('id-ID');
}; };
const getColorClass = (amount: number) => { const getColorClass = (amount: number, walletType: string) => {
if (amount > 0) return 'bg-amber-300'; if (walletType.toLowerCase().includes('point account')) return 'bg-amber-300';
if (amount > 500) return 'bg-blue-500'; // if (amount > 3125) return 'bg-amber-300';
return 'bg-red-500'; return 'bg-red-500';
}; };
@ -59,7 +59,7 @@ const BalanceCard = ({ id }: BalanceCardProps) => {
return ( return (
<div className="grid lg:grid-cols-4 md:grid-cols-2 gap-5 items-stretch"> <div className="grid lg:grid-cols-4 md:grid-cols-2 gap-5 items-stretch">
{wallets.map((wallet) => { {wallets.map((wallet) => {
const colorClass = getColorClass(wallet.amount); const colorClass = getColorClass(wallet.amount, wallet.wallet);
const isNegative = wallet.amount < 0; const isNegative = wallet.amount < 0;
return ( return (