mirror of
https://github.com/spliit-app/spliit.git
synced 2026-02-20 22:46:13 +01:00
d3fd8027a5
* Extract ExpenseCard vom ExpenseList * Implement simple pagination of expenses (see #30) - display only this year's entries by default - a "Show more" button reveals all expenses * Turn getPrisma() into constant "prisma" - getPrisma() is not async and doesn't need to be awaited - turn getPrisma() into exported constant "prisma" * Select fields to be returned by getGroupExpenses() - make JSON more concise and less redundant - some properties were removed (i.e.instead of "expense.paidById" use "expense.paidBy.id") * Remove "participants" from ExpenseCard - no need to search for participant by id to get it's name - name property is already present in expense * Add option to fetch a slice of group expenses - specify offset and length to get expenses for [offset, offset+length[ - add function to get total number of group expenses * Add api route for client to fetch group expenses * Remove "Show more" button from expense list * Implement infinite scroll - in server component Page - only load first 200 expenses max - pass preloaded expenses and total count - in client component ExpenseList, if there are more expenses to show - test if there are more expenses - append preloading "skeletons" to end of list - fetch more expenses when last item in list comes into view - after each fetch increase fetch-length by factor 1.5 - rationale: db fetch usually is not the issue here, the longer the list gets, the longer react needs to redraw * Use server action instead of api endpoint * Fixes --------- Co-authored-by: Sebastien Castiel <sebastien@castiel.me>
71 lines
2.0 KiB
TypeScript
71 lines
2.0 KiB
TypeScript
import { getGroupExpenses } from '@/lib/api'
|
|
|
|
export function getTotalGroupSpending(
|
|
expenses: NonNullable<Awaited<ReturnType<typeof getGroupExpenses>>>,
|
|
): number {
|
|
return expenses.reduce(
|
|
(total, expense) =>
|
|
expense.isReimbursement ? total : total + expense.amount,
|
|
0,
|
|
)
|
|
}
|
|
|
|
export function getTotalActiveUserPaidFor(
|
|
activeUserId: string | null,
|
|
expenses: NonNullable<Awaited<ReturnType<typeof getGroupExpenses>>>,
|
|
): number {
|
|
return expenses.reduce(
|
|
(total, expense) =>
|
|
expense.paidBy.id === activeUserId && !expense.isReimbursement
|
|
? total + expense.amount
|
|
: total,
|
|
0,
|
|
)
|
|
}
|
|
|
|
export function getTotalActiveUserShare(
|
|
activeUserId: string | null,
|
|
expenses: NonNullable<Awaited<ReturnType<typeof getGroupExpenses>>>,
|
|
): number {
|
|
let total = 0
|
|
|
|
expenses.forEach((expense) => {
|
|
if (expense.isReimbursement) return
|
|
|
|
const paidFors = expense.paidFor
|
|
const userPaidFor = paidFors.find(
|
|
(paidFor) => paidFor.participant.id === activeUserId,
|
|
)
|
|
|
|
if (!userPaidFor) {
|
|
// If the active user is not involved in the expense, skip it
|
|
return
|
|
}
|
|
|
|
switch (expense.splitMode) {
|
|
case 'EVENLY':
|
|
// Divide the total expense evenly among all participants
|
|
total += expense.amount / paidFors.length
|
|
break
|
|
case 'BY_AMOUNT':
|
|
// Directly add the user's share if the split mode is BY_AMOUNT
|
|
total += userPaidFor.shares
|
|
break
|
|
case 'BY_PERCENTAGE':
|
|
// Calculate the user's share based on their percentage of the total expense
|
|
total += (expense.amount * userPaidFor.shares) / 10000 // Assuming shares are out of 10000 for percentage
|
|
break
|
|
case 'BY_SHARES':
|
|
// Calculate the user's share based on their shares relative to the total shares
|
|
const totalShares = paidFors.reduce(
|
|
(sum, paidFor) => sum + paidFor.shares,
|
|
0,
|
|
)
|
|
total += (expense.amount * userPaidFor.shares) / totalShares
|
|
break
|
|
}
|
|
})
|
|
|
|
return parseFloat(total.toFixed(2))
|
|
}
|