diff --git a/src/components/Modals/AssetsSelect/useAssetTableColumns.tsx b/src/components/Modals/AssetsSelect/useAssetTableColumns.tsx index ec61a7dc..e515d54d 100644 --- a/src/components/Modals/AssetsSelect/useAssetTableColumns.tsx +++ b/src/components/Modals/AssetsSelect/useAssetTableColumns.tsx @@ -11,7 +11,7 @@ import { getAssetByDenom } from 'utils/assets' import { demagnify, formatPercent } from 'utils/formatters' export default function useAssetTableColumns() { - const columns = React.useMemo[]>( + return React.useMemo[]>( () => [ { header: 'Asset', @@ -38,20 +38,17 @@ export default function useAssetTableColumns() { header: (data) => { const tableData = data.table.options.data as AssetTableRow[] const assetData = tableData.length && (tableData[0].asset as BorrowAsset) - if (assetData && assetData.borrowRate) return 'Borrow Rate' + if (assetData && assetData.borrowRate !== null) return 'Borrow Rate' return 'Balance' }, cell: ({ row }) => { const asset = row.original.asset as BorrowAsset const balance = row.original.balance - if (asset.borrowRate) + if (asset.borrowRate !== null) return ( -
- - {formatPercent(asset.borrowRate ?? 0)} - - APY -
+ + {formatPercent(asset.borrowRate ?? 0)} + ) if (!balance) return null const coin = new BNCoin({ denom: row.original.asset.denom, amount: balance }) @@ -70,6 +67,4 @@ export default function useAssetTableColumns() { ], [], ) - - return columns }