Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

task: show MAX LTV #162

Merged
merged 1 commit into from
Apr 25, 2024
Merged

task: show MAX LTV #162

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 36 additions & 15 deletions apps/lend/src/components/DetailsMarket/components/MarketParameters.tsx
View file
Open in desktop
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