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

fix borrow modal summary numbers

This commit is contained in:
saml33 2023-01-09 10:08:23 +11:00
parent 8884381618
commit 003bb488f9
1 changed files with 36 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
components/BorrowForm.tsx
View File

@ -91,10 +91,11 @@ function BorrowForm({ onSuccess, token }: BorrowFormProps) {
const tokenBalance = useMemo(() => {
if (!bank || !mangoAccount) return new Decimal(0)
return floorToDecimal(
const balance = floorToDecimal(
mangoAccount.getTokenBalanceUi(bank),
bank.mintDecimals
)
return balance.gt(0) ? balance : new Decimal(0)
}, [bank, mangoAccount])
const isBorrow = parseFloat(inputAmount) > tokenBalance.toNumber()
@ -325,49 +326,40 @@ function BorrowForm({ onSuccess, token }: BorrowFormProps) {
mintPk={bank.mint}
uiAmount={Number(inputAmount)}
/>
{tokenBalance ? (
<div className="flex justify-between">
<p>{t('withdraw-amount')}</p>
<p className="font-mono text-th-fgd-2">
{isBorrow ? (
<>
{formatDecimal(
Number(tokenBalance),
bank.mintDecimals
)}{' '}
<span className="text-xs text-th-fgd-3">
(
{formatFixedDecimals(
bank.uiPrice * tokenBalance.toNumber(),
true
)}
)
</span>
</>
) : inputAmount ? (
<>
{formatDecimal(
Number(inputAmount),
bank.mintDecimals
)}{' '}
<span className="text-xs text-th-fgd-3">
(
{formatFixedDecimals(
bank.uiPrice * parseFloat(inputAmount),
true
)}
)
</span>
</>
) : (
<>
0{' '}
<span className="text-xs text-th-fgd-3">($0.00)</span>
</>
)}
</p>
</div>
) : null}
<div className="flex justify-between">
<p>{t('withdraw-amount')}</p>
<p className="font-mono text-th-fgd-2">
{isBorrow ? (
<>
{formatDecimal(Number(tokenBalance), bank.mintDecimals)}{' '}
<span className="text-xs text-th-fgd-3">
(
{formatFixedDecimals(
bank.uiPrice * tokenBalance.toNumber(),
true
)}
)
</span>
</>
) : inputAmount ? (
<>
{formatDecimal(Number(inputAmount), bank.mintDecimals)}{' '}
<span className="text-xs text-th-fgd-3">
(
{formatFixedDecimals(
bank.uiPrice * parseFloat(inputAmount),
true
)}
)
</span>
</>
) : (
<>
0 <span className="text-xs text-th-fgd-3">($0.00)</span>
</>
)}
</p>
</div>
<div className="flex justify-between">
<p>{t('borrow-amount')}</p>
<p className="font-mono text-th-fgd-2">