etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 17:43:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update Balance.tsx

Browse Source
This commit is contained in:
Egor
2026-01-16 01:49:16 +03:00
committed by GitHub
parent 2706b1678a
commit 6793cbf8f5
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/Balance.tsx
View File

@@ -212,7 +212,13 @@ export default function Balance() {
</div> </div>
) : transactions?.items && transactions.items.length > 0 ? ( ) : transactions?.items && transactions.items.length > 0 ? (
<div className="space-y-3"> <div className="space-y-3">
{transactions.items.map((tx) => ( {transactions.items.map((tx) => {
// Determine if this is a debit (negative) or credit (positive) transaction
const isDebit = normalizeType(tx.type) === 'SUBSCRIPTION_PAYMENT' || normalizeType(tx.type) === 'WITHDRAWAL'
const sign = isDebit ? '-' : '+'
const colorClass = isDebit ? 'text-error-400' : 'text-success-400'
return (
<div <div
key={tx.id} key={tx.id}
className="flex items-center justify-between p-4 rounded-xl bg-dark-800/30 border border-dark-700/30" className="flex items-center justify-between p-4 rounded-xl bg-dark-800/30 border border-dark-700/30"
@@ -230,11 +236,12 @@ export default function Balance() {
<div className="text-sm text-dark-400">{tx.description}</div> <div className="text-sm text-dark-400">{tx.description}</div>
)} )}
</div> </div>
<div className={`text-lg font-semibold ${tx.amount_kopeks > 0 ? 'text-success-400' : 'text-error-400'}`}> <div className={`text-lg font-semibold ${colorClass}`}>
{tx.amount_kopeks > 0 ? '+' : ''}{formatAmount(tx.amount_rubles)} {currencySymbol} {sign}{formatAmount(tx.amount_rubles)} {currencySymbol}
</div> </div>
</div> </div>
))} )
})}
</div> </div>
) : ( ) : (
<div className="text-center py-12"> <div className="text-center py-12">