Skip to content

Commit

Permalink
task: show MAX TLV
Browse files Browse the repository at this point in the history
  • Loading branch information
amytsang committed Apr 25, 2024
1 parent 3d9c2ad commit 63e45ec
Showing 1 changed file with 36 additions and 15 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import { SubTitle } from '@/components/DetailsMarket/styles'
import Box from '@/ui/Box'
import Chip from '@/ui/Typography/Chip'
import DetailInfo from '@/ui/DetailInfo'
import Icon from '@/ui/Icon'

const MarketParameters = ({
rChainId,
Expand All @@ -18,6 +19,7 @@ const MarketParameters = ({
rOwmId: string
type: 'borrow' | 'supply'
}) => {
const isAdvanceMode = useStore((state) => state.isAdvanceMode)
const owmData = useStore((state) => state.markets.owmDatasMapper[rChainId]?.[rOwmId])
const loanPricesResp = useStore((state) => state.markets.pricesMapper[rChainId]?.[rOwmId])
const parametersResp = useStore((state) => state.markets.statsParametersMapper[rChainId]?.[rOwmId])
Expand All @@ -29,14 +31,15 @@ const MarketParameters = ({
const { pricePerShare, error: pricePerShareError } = vaultPricePerShareResp ?? {}

// prettier-ignore
const marketDetails: { label: string; value: string | number | undefined; formatOptions?: NumberFormatOptions; title?: string; isError: string; isRow?: boolean }[][] = type === 'borrow' ?
const marketDetails: { label: string; value: string | number | undefined; formatOptions?: NumberFormatOptions; title?: string; isError: string; isRow?: boolean, isAdvance?: boolean; tooltip?: string }[][] = type === 'borrow' ?
[
[
{ label: t`AMM swap fee`, value: parameters?.fee, formatOptions: { ...FORMAT_OPTIONS.PERCENT, maximumSignificantDigits: 3 }, isError: parametersError },
{ label: t`Admin fee`, value: parameters?.admin_fee, formatOptions: { ...FORMAT_OPTIONS.PERCENT, maximumSignificantDigits: 3 }, isError: parametersError },
{ label: t`A`, value: parameters?.A, formatOptions: { useGrouping: false }, isError: parametersError },
{ label: t`Loan discount`, value: parameters?.loan_discount, formatOptions: { ...FORMAT_OPTIONS.PERCENT, maximumSignificantDigits: 2 }, isError: parametersError },
{ label: t`Liquidation discount`, value: parameters?.liquidation_discount, formatOptions: { ...FORMAT_OPTIONS.PERCENT, maximumSignificantDigits: 2 }, isError: parametersError },
{ label: t`Max LTV`, value: _getMaxLTV( parameters?.A, parameters?.loan_discount), formatOptions: { ...FORMAT_OPTIONS.PERCENT, maximumSignificantDigits: 2 }, isError: parametersError, isAdvance: true, tooltip: t`Max possible loan at N=4` },
],
[
{ label: t`Base price`, value: prices?.basePrice, formatOptions: { showAllFractionDigits: true }, title: t`Prices`, isError: pricesError },
Expand All @@ -59,24 +62,32 @@ const MarketParameters = ({
const isError = (idx === 0 && !!parametersError) || (idx === 1 && pricesError)
return (
<div key={`details-${idx}`}>
{details.map(({ label, value, formatOptions, title, isError, isRow }) => {
{details.map(({ label, value, formatOptions, title, isError, isRow, isAdvance, tooltip }) => {
const show = typeof isAdvance === 'undefined' || (isAdvance && isAdvanceMode)
return (
<React.Fragment key={label}>
{title && <SubTitle>{title}</SubTitle>}
{isRow ? (
<Box grid>
<Chip isBold>{label}:</Chip>
<strong>{formatNumber(value, { ...(formatOptions ?? {}), defaultValue: '-' })}</strong>
</Box>
) : (
<DetailInfo key={label} label={label}>
{isError ? (
'?'
{show ? (
<>
{title && <SubTitle>{title}</SubTitle>}
{isRow ? (
<Box grid>
<Chip isBold>{label}:</Chip>
<strong>{formatNumber(value, { ...(formatOptions ?? {}), defaultValue: '-' })}</strong>
</Box>
) : (
<strong>{formatNumber(value, { ...(formatOptions ?? {}), defaultValue: '-' })}</strong>
<DetailInfo key={label} label={label}>
{isError ? (
'?'
) : (
<Chip {...(tooltip ? { tooltip, tooltipProps: { noWrap: true } } : {})} isBold>
{formatNumber(value, { ...(formatOptions ?? {}), defaultValue: '-' })}
{tooltip && <Icon className="svg-tooltip" name="InformationSquare" size={16} />}
</Chip>
)}
</DetailInfo>
)}
</DetailInfo>
)}
</>
) : null}
</React.Fragment>
)
})}
Expand All @@ -87,4 +98,14 @@ const MarketParameters = ({
)
}

// In [1]: ltv = lambda x: ((x[0] - 1) / x[0])**2 * (1 - x[1])
// In [2]: ltv((30, 0.11))
// Out[2]: 0.8316555555555556
// where x[0] is A, x[1] is loan discount normalised between 0 and 1 (so 11% is 0.11). multiply ltv by 100 to show percentage.
// always show 'max ltv' which is the max possible loan at N=4 (not advisable but hey it exists!).
function _getMaxLTV(a: string | undefined, loanDiscount: string | undefined) {
if (typeof a === 'undefined' || typeof loanDiscount === 'undefined') return ''
return ((+a - 1) / +a) ** 2 * (1 - +loanDiscount / 100) * 100
}

export default MarketParameters

0 comments on commit 63e45ec

Please sign in to comment.