mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2026-02-13 11:06: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>
))}

6
src/lib/balances.ts
View File

@@ -50,9 +50,9 @@ function divide(total: number, count: number, isLast: boolean): number {
export function getSuggestedReimbursements(
balances: Balances,
): Reimbursement[] {
const balancesArray = Object.entries(balances).map(
([participantId, { total }]) => ({ participantId, total }),
)
const balancesArray = Object.entries(balances)
.map(([participantId, { total }]) => ({ participantId, total }))
.filter((b) => b.total !== 0)
balancesArray.sort((b1, b2) => b2.total - b1.total)
const reimbursements: Reimbursement[] = []
while (balancesArray.length > 1) {