diff --git a/src/app/groups/[groupId]/expenses/documents-count.tsx b/src/app/groups/[groupId]/expenses/documents-count.tsx new file mode 100644 index 0000000..167e5a0 --- /dev/null +++ b/src/app/groups/[groupId]/expenses/documents-count.tsx @@ -0,0 +1,11 @@ +import { Paperclip } from 'lucide-react' + +export function DocumentsCount({ count }: { count: number }) { + if (count === 0) return <> + return ( +
+ + {count} +
+ ) +} diff --git a/src/app/groups/[groupId]/expenses/expense-card.tsx b/src/app/groups/[groupId]/expenses/expense-card.tsx index 2ad4175..0e89c37 100644 --- a/src/app/groups/[groupId]/expenses/expense-card.tsx +++ b/src/app/groups/[groupId]/expenses/expense-card.tsx @@ -1,6 +1,7 @@ 'use client' import { ActiveUserBalance } from '@/app/groups/[groupId]/expenses/active-user-balance' import { CategoryIcon } from '@/app/groups/[groupId]/expenses/category-icon' +import { DocumentsCount } from '@/app/groups/[groupId]/expenses/documents-count' import { Button } from '@/components/ui/button' import { getGroupExpenses } from '@/lib/api' import { cn, formatCurrency, formatDate } from '@/lib/utils' @@ -75,6 +76,9 @@ export function ExpenseCard({ expense, currency, groupId }: Props) { > {formatCurrency(currency, expense.amount, locale)} +
+ +
{formatDate(expense.expenseDate, locale, { dateStyle: 'medium' })}
diff --git a/src/lib/api.ts b/src/lib/api.ts index d4b467a..b757fd0 100644 --- a/src/lib/api.ts +++ b/src/lib/api.ts @@ -286,6 +286,7 @@ export async function getGroupExpenses( }, splitMode: true, title: true, + _count: { select: { documents: true } }, }, where: { groupId,