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 (
+
+ )
+}
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,