diff --git a/src/components/dues/DuesReceiptCard.tsx b/src/components/dues/DuesReceiptCard.tsx index 18b6a224..94b4154f 100644 --- a/src/components/dues/DuesReceiptCard.tsx +++ b/src/components/dues/DuesReceiptCard.tsx @@ -48,6 +48,20 @@ function DuesReceiptCard({ transaction, receiptFiles, onOpenReceiptViewer }: Due ); if (hasReceipt) { + if (isPdf) { + return ( + + {content} + + ); + } + return ( - - - ); -} - export { DuesReceiptViewerModal, type DuesReceiptViewerModalProps }; diff --git a/src/components/dues/DuesTransactionDetailModal.tsx b/src/components/dues/DuesTransactionDetailModal.tsx index c33f9205..92441dd4 100644 --- a/src/components/dues/DuesTransactionDetailModal.tsx +++ b/src/components/dues/DuesTransactionDetailModal.tsx @@ -6,7 +6,7 @@ import { DeleteIcon } from '@/assets/icons'; import { Icon } from '@/components/ui'; import { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog'; import type { DuesTransaction } from '@/types/dues'; -import { getReceiptFiles } from '@/utils/dues/duesTransaction'; +import { getReceiptFiles, isPdfReceipt } from '@/utils/dues/duesTransaction'; import { DuesReceiptCard } from './DuesReceiptCard'; import { DuesReceiptViewerModal } from './DuesReceiptViewerModal'; import { DuesTransactionDetailCard } from './DuesTransactionDetailCard'; @@ -27,6 +27,7 @@ function DuesTransactionDetailModal({ if (!transaction) return null; const receiptFiles = getReceiptFiles(transaction); + const imageReceiptFiles = receiptFiles.filter((receipt) => !isPdfReceipt(receipt)); return ( @@ -61,7 +62,7 @@ function DuesTransactionDetailModal({ key={receiptViewerOpen ? 'receipt-viewer-open' : 'receipt-viewer-closed'} open={receiptViewerOpen} onOpenChange={setReceiptViewerOpen} - receiptFiles={receiptFiles} + receiptFiles={imageReceiptFiles} />