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

add value to borrow/withdraw modal

This commit is contained in:
saml33 2022-10-05 22:01:03 +11:00
parent 0997bcc710
commit 1cf389a2c3
2 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/modals/BorrowModal.tsx
View File

@ -7,16 +7,15 @@ import {
import Decimal from 'decimal.js'
import { useTranslation } from 'next-i18next'
import Image from 'next/image'
import React, { ChangeEvent, useCallback, useMemo, useState } from 'react'
import React, { useCallback, useMemo, useState } from 'react'
import NumberFormat, { NumberFormatValues } from 'react-number-format'
import mangoStore from '@store/mangoStore'
import { ModalProps } from '../../types/modal'
import { INPUT_TOKEN_DEFAULT } from '../../utils/constants'
import { notify } from '../../utils/notifications'
import { floorToDecimal } from '../../utils/numbers'
import { floorToDecimal, formatFixedDecimals } from '../../utils/numbers'
import ActionTokenList from '../account/ActionTokenList'
import ButtonGroup from '../forms/ButtonGroup'
import Input from '../forms/Input'
import Label from '../forms/Label'
import Button, { LinkButton } from '../shared/Button'
import HealthImpact from '../shared/HealthImpact'
@ -26,7 +25,6 @@ import Modal from '../shared/Modal'
import { EnterBottomExitBottom, FadeInFadeOut } from '../shared/Transitions'
import { withValueLimit } from '../swap/SwapForm'
import { getMaxWithdrawForBank } from '../swap/useTokenMax'
// import { BorrowLeverageSlider } from '../swap/LeverageSlider'
interface BorrowModalProps {
token?: string
@ -261,6 +259,15 @@ function BorrowModal({ isOpen, onClose, token }: ModalCombinedProps) {
mintPk={bank!.mint}
uiAmount={parseFloat(inputAmount)}
/>
<div className="flex justify-between">
<p>{t('borrow-value')}</p>
<p className="text-th-fgd-1">
{formatFixedDecimals(
bank?.uiPrice! * Number(inputAmount),
true
)}
</p>
</div>
</div>
</div>
<Button

14
components/modals/WithdrawModal.tsx
View File

@ -7,17 +7,16 @@ import {
import Decimal from 'decimal.js'
import { useTranslation } from 'next-i18next'
import Image from 'next/image'
import { ChangeEvent, useCallback, useMemo, useState } from 'react'
import { useCallback, useMemo, useState } from 'react'
import NumberFormat, { NumberFormatValues } from 'react-number-format'
import mangoStore from '@store/mangoStore'
import { ModalProps } from '../../types/modal'
import { INPUT_TOKEN_DEFAULT } from '../../utils/constants'
import { notify } from '../../utils/notifications'
import { floorToDecimal } from '../../utils/numbers'
import { floorToDecimal, formatFixedDecimals } from '../../utils/numbers'
import ActionTokenList from '../account/ActionTokenList'
import ButtonGroup from '../forms/ButtonGroup'
import Input from '../forms/Input'
import Label from '../forms/Label'
import Button, { LinkButton } from '../shared/Button'
import HealthImpact from '../shared/HealthImpact'
@ -258,6 +257,15 @@ function WithdrawModal({ isOpen, onClose, token }: ModalCombinedProps) {
mintPk={bank!.mint}
uiAmount={parseFloat(inputAmount)}
/>
<div className="flex justify-between">
<p>{t('withdrawal-value')}</p>
<p className="text-th-fgd-1">
{formatFixedDecimals(
bank?.uiPrice! * Number(inputAmount),
true
)}
</p>
</div>
</div>
</div>
<div className="mt-4 flex justify-center">