697e83b7cb
* added correct resolving of account positions * solve rendering bug for lp amount * bugfix: add slippage to minlpamount * fix DisplayCurrency to accept only BNCoin * bugfix: remove prices from store * add basic depostied vaults table * Farm: Added deposited table * finish deposited table, remove featured vaults:
72 lines
2.1 KiB
TypeScript
72 lines
2.1 KiB
TypeScript
import DisplayCurrency from 'components/DisplayCurrency'
|
|
import TitleAndSubCell from 'components/TitleAndSubCell'
|
|
import { FormattedNumber } from 'components/FormattedNumber'
|
|
import useAssetIncentivesApy from 'hooks/useAssetIncentiveApy'
|
|
import useCurrentWalletBalance from 'hooks/useCurrentWalletBalance'
|
|
import { BNCoin } from 'types/classes/BNCoin'
|
|
|
|
interface Props {
|
|
data: LendingMarketTableData
|
|
}
|
|
|
|
function DetailsHeader({ data }: Props) {
|
|
const { asset, marketDepositCap, accountLentAmount } = data
|
|
const { data: assetApy } = useAssetIncentivesApy(asset.denom)
|
|
const balanceInWallet = useCurrentWalletBalance(asset.denom)
|
|
|
|
return (
|
|
<div className='flex gap-6 border-b border-b-white/5 px-6 py-4 gradient-header'>
|
|
{assetApy && (
|
|
<>
|
|
<TitleAndSubCell
|
|
title={
|
|
<>
|
|
<FormattedNumber amount={assetApy} options={{ suffix: '%' }} />
|
|
<FormattedNumber
|
|
className='ml-2 text-xs'
|
|
amount={assetApy.div(365)}
|
|
options={{ suffix: '%/day' }}
|
|
/>
|
|
</>
|
|
}
|
|
sub={'APY'}
|
|
/>
|
|
<div className='h-100 w-[1px] bg-white/10'></div>
|
|
</>
|
|
)}
|
|
{accountLentAmount && (
|
|
<>
|
|
<TitleAndSubCell
|
|
title={
|
|
<DisplayCurrency
|
|
coin={new BNCoin({ denom: asset.denom, amount: accountLentAmount })}
|
|
/>
|
|
}
|
|
sub={'Deposited'}
|
|
/>
|
|
<div className='h-100 w-[1px] bg-white/10'></div>
|
|
</>
|
|
)}
|
|
{balanceInWallet && (
|
|
<>
|
|
<TitleAndSubCell
|
|
title={<DisplayCurrency coin={new BNCoin(balanceInWallet)} />}
|
|
sub={'In Wallet'}
|
|
/>
|
|
<div className='h-100 w-[1px] bg-white/10'></div>
|
|
</>
|
|
)}
|
|
<TitleAndSubCell
|
|
title={
|
|
<DisplayCurrency
|
|
coin={new BNCoin({ denom: asset.denom, amount: marketDepositCap.toString() })}
|
|
/>
|
|
}
|
|
sub={'Deposit Cap'}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default DetailsHeader
|