blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

sort tables by value

This commit is contained in:
saml33 2023-08-01 12:26:08 +10:00
parent 81ff7f508a
commit 669a01e700
3 changed files with 26 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/TokenList.tsx
View File

@ -79,6 +79,7 @@ const TokenList = () => {
for (const b of banks) {
const bank = b.bank
const balance = b.balance
const balanceValue = balance * bank.uiPrice
const symbol = bank.name === 'MSOL' ? 'mSOL' : bank.name
const hasInterestEarned = totalInterestData.find(
@ -113,6 +114,7 @@ const TokenList = () => {
const data = {
balance,
balanceValue,
bank,
symbol,
interestAmount,
@ -178,8 +180,8 @@ const TokenList = () => {
<div className="flex justify-end">
<Tooltip content="A negative balance represents a borrow">
<SortableColumnHeader
sortKey="balance"
sort={() => requestSort('balance')}
sortKey="balanceValue"
sort={() => requestSort('balanceValue')}
sortConfig={sortConfig}
title={t('balance')}
titleClass="tooltip-underline"

6
components/shared/BalancesTable.tsx
View File

@ -65,6 +65,7 @@ const BalancesTable = () => {
for (const b of filteredBanks) {
const bank = b.bank
const balance = b.balance
const balanceValue = balance * bank.uiPrice
const symbol = bank.name === 'MSOL' ? 'mSOL' : bank.name
const inOrders = spotBalances[bank.mint.toString()]?.inOrders || 0
@ -80,6 +81,7 @@ const BalancesTable = () => {
const data = {
assetWeight,
balance,
balanceValue,
bankWithBalance: b,
collateralValue,
inOrders,
@ -114,8 +116,8 @@ const BalancesTable = () => {
<Th>
<div className="flex justify-end">
<SortableColumnHeader
sortKey="balance"
sort={() => requestSort('balance')}
sortKey="balanceValue"
sort={() => requestSort('balanceValue')}
sortConfig={sortConfig}
title={t('balance')}
/>

28
components/stats/TokenOverviewTable.tsx
View File

@ -43,7 +43,9 @@ const TokenOverviewTable = () => {
for (const b of banks) {
const bank: Bank = b.bank
const deposits = bank.uiDeposits()
const depositsValue = deposits * bank.uiPrice
const borrows = bank.uiBorrows()
const borrowsValue = borrows * bank.uiPrice
const availableVaultBalance = group
? group.getTokenVaultBalanceByMintUi(bank.mint) -
deposits * bank.minVaultToDepositsRatio
@ -52,10 +54,12 @@ const TokenOverviewTable = () => {
0,
availableVaultBalance.toFixed(bank.mintDecimals),
)
const availableValue = available.toNumber() * bank.uiPrice
const feesEarned = toUiDecimals(
bank.collectedFeesNative,
bank.mintDecimals,
)
const feeValue = feesEarned * bank.uiPrice
const utilization =
bank.uiDeposits() > 0 ? (bank.uiBorrows() / bank.uiDeposits()) * 100 : 0
@ -65,12 +69,16 @@ const TokenOverviewTable = () => {
const data = {
available,
availableValue,
bank,
borrows,
borrowRate,
deposits,
borrows,
borrowsValue,
depositRate,
deposits,
depositsValue,
feesEarned,
feeValue,
symbol,
utilization,
}
@ -103,8 +111,8 @@ const TokenOverviewTable = () => {
<Th>
<div className="flex justify-end">
<SortableColumnHeader
sortKey="deposits"
sort={() => requestSort('deposits')}
sortKey="depositsValue"
sort={() => requestSort('depositsValue')}
sortConfig={sortConfig}
title={t('total-deposits')}
/>
@ -113,8 +121,8 @@ const TokenOverviewTable = () => {
<Th>
<div className="flex justify-end">
<SortableColumnHeader
sortKey="borrows"
sort={() => requestSort('borrows')}
sortKey="borrowsValue"
sort={() => requestSort('borrowsValue')}
sortConfig={sortConfig}
title={t('total-borrows')}
/>
@ -124,8 +132,8 @@ const TokenOverviewTable = () => {
<div className="flex justify-end">
<Tooltip content="The amount available to borrow">
<SortableColumnHeader
sortKey="available"
sort={() => requestSort('available')}
sortKey="availableValue"
sort={() => requestSort('availableValue')}
sortConfig={sortConfig}
title={t('available')}
titleClass="tooltip-underline"
@ -137,8 +145,8 @@ const TokenOverviewTable = () => {
<div className="flex justify-end">
<Tooltip content={t('token:fees-tooltip')}>
<SortableColumnHeader
sortKey="feesEarned"
sort={() => requestSort('feesEarned')}
sortKey="feeValue"
sort={() => requestSort('feeValue')}
sortConfig={sortConfig}
title={t('fees')}
titleClass="tooltip-underline"