diff --git a/centrifuge-app/src/components/LoanList.tsx b/centrifuge-app/src/components/LoanList.tsx index 75670e5992..711103b6d4 100644 --- a/centrifuge-app/src/components/LoanList.tsx +++ b/centrifuge-app/src/components/LoanList.tsx @@ -4,6 +4,7 @@ import { AnchorButton, Box, Button, + Checkbox, IconDownload, Pagination, PaginationContainer, @@ -63,6 +64,7 @@ export function LoanList({ loans, snapshots }: Props) { const templateIds = poolMetadata?.loanTemplates?.map((s) => s.id) ?? [] const templateId = templateIds.at(-1) const { data: templateMetadata } = useMetadata(templateId) + const [showRepaid, setShowRepaid] = React.useState(false) const additionalColumns: Column[] = templateMetadata?.keyAttributes?.map((key, index) => { @@ -193,7 +195,7 @@ export function LoanList({ loans, snapshots }: Props) { { align: 'left', header: , - cell: (l: Row) => formatBalance(l.marketPrice ?? 0, pool.currency, 2, 0), + cell: (l: Row) => formatBalance(l.marketPrice ?? 0, pool.currency, 4, 0), sortKey: 'marketPrice', }, ]), @@ -268,7 +270,17 @@ export function LoanList({ loans, snapshots }: Props) { <> {rows.filter((row) => !row.marketValue?.isZero()).length} ongoing assets - + + + + Show repaid assets + + } + onChange={(e) => setShowRepaid(!showRepaid)} + /> +