mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2026-02-24 08:26:13 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix balances display

Browse Source
This commit is contained in:
Sebastien Castiel
2023-12-06 20:30:41 -05:00
parent 57899b0160
commit ae7360caf8
2 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/groups/[groupId]/balances-list.tsx
View File

@@ -40,21 +40,23 @@ export function BalancesList({ balances, participants, currency }: Props) {
<div className="absolute inset-0 p-2 z-20">
{currency} {(balances[participant.id]?.total ?? 0).toFixed(2)}
</div>
<div
className={cn(
'absolute top-1 h-7 z-10',
balances[participant.id]?.total > 0
? 'bg-green-200 left-0 rounded-r-lg border border-green-300'
: 'bg-red-200 right-0 rounded-l-lg border border-red-300',
)}
style={{
width:
(Math.abs(balances[participant.id]?.total ?? 0) /
maxBalance) *
100 +
'%',
}}
></div>
{balances[participant.id]?.total !== 0 && (
<div
className={cn(
'absolute top-1 h-7 z-10',
balances[participant.id]?.total > 0
? 'bg-green-200 left-0 rounded-r-lg border border-green-300'
: 'bg-red-200 right-0 rounded-l-lg border border-red-300',
)}
style={{
width:
(Math.abs(balances[participant.id]?.total ?? 0) /
maxBalance) *
100 +
'%',
}}
></div>
)}
</div>
</div>
))}