withdraw modal ui
This commit is contained in:
parent
e5e691d9a4
commit
69caf3eb00
|
@ -74,7 +74,7 @@ function DepositModal({ isOpen, onClose }: ModalProps) {
|
||||||
className="absolute bottom-0 left-0 z-20 h-full w-full overflow-auto bg-th-bkg-1 p-6 pb-0"
|
className="absolute bottom-0 left-0 z-20 h-full w-full overflow-auto bg-th-bkg-1 p-6 pb-0"
|
||||||
show={showTokenList}
|
show={showTokenList}
|
||||||
>
|
>
|
||||||
<h2 className="mb-4 text-center">Select Token</h2>
|
<h2 className="mb-4 text-center">{t('select-token')}</h2>
|
||||||
<DepositTokenList onSelect={handleSelectToken} />
|
<DepositTokenList onSelect={handleSelectToken} />
|
||||||
</EnterBottomExitBottom>
|
</EnterBottomExitBottom>
|
||||||
<FadeInFadeOut
|
<FadeInFadeOut
|
||||||
|
@ -83,7 +83,7 @@ function DepositModal({ isOpen, onClose }: ModalProps) {
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<h2 className="mb-4 text-center">{t('deposit')}</h2>
|
<h2 className="mb-4 text-center">{t('deposit')}</h2>
|
||||||
<div className="mb-4 grid grid-cols-2">
|
<div className="grid grid-cols-2 pb-6">
|
||||||
<div className="col-span-2 flex justify-between">
|
<div className="col-span-2 flex justify-between">
|
||||||
<Label text={t('token')} />
|
<Label text={t('token')} />
|
||||||
<LinkButton
|
<LinkButton
|
||||||
|
@ -132,22 +132,24 @@ function DepositModal({ isOpen, onClose }: ModalProps) {
|
||||||
<div className="space-y-2 border-y border-th-bkg-3 py-4">
|
<div className="space-y-2 border-y border-th-bkg-3 py-4">
|
||||||
<div className="flex justify-between">
|
<div className="flex justify-between">
|
||||||
<p>{t('health-impact')}</p>
|
<p>{t('health-impact')}</p>
|
||||||
<p className="font-bold text-th-green">+12%</p>
|
<p className="text-th-green">+12%</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex justify-between">
|
<div className="flex justify-between">
|
||||||
<p>{t('deposit-value')}</p>
|
<p>{t('deposit-value')}</p>
|
||||||
<p className="font-bold text-th-fgd-1">$1,000.00</p>
|
<p className="text-th-fgd-1">$1,000.00</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex justify-between">
|
<div className="flex justify-between">
|
||||||
<div className="flex items-center">
|
<div className="flex items-center">
|
||||||
<p>{t('collateral-multiplier', { token: selectedToken })}</p>
|
<p>
|
||||||
|
{t('token-collateral-multiplier', { token: selectedToken })}
|
||||||
|
</p>
|
||||||
<InfoTooltip content={t('collateral-multiplier-desc')} />
|
<InfoTooltip content={t('collateral-multiplier-desc')} />
|
||||||
</div>
|
</div>
|
||||||
<p className="font-bold text-th-fgd-1">0.8x</p>
|
<p className="text-th-fgd-1">0.8x</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex justify-between">
|
<div className="flex justify-between">
|
||||||
<p>{t('collateral-value')}</p>
|
<p>{t('collateral-value')}</p>
|
||||||
<p className="font-bold text-th-fgd-1">$800.00</p>
|
<p className="text-th-fgd-1">$800.00</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,16 +1,25 @@
|
||||||
import { useState } from 'react'
|
import { ChevronDownIcon } from '@heroicons/react/solid'
|
||||||
|
import { useTranslation } from 'next-i18next'
|
||||||
|
import Image from 'next/image'
|
||||||
|
import { ChangeEvent, useState } from 'react'
|
||||||
|
|
||||||
import mangoStore from '../../store/state'
|
import mangoStore from '../../store/state'
|
||||||
import { ModalProps } from '../../types/modal'
|
import { ModalProps } from '../../types/modal'
|
||||||
import { notify } from '../../utils/notifications'
|
import { notify } from '../../utils/notifications'
|
||||||
import Button from '../shared/Button'
|
import Input from '../forms/Input'
|
||||||
|
import Label from '../forms/Label'
|
||||||
|
import Button, { LinkButton } from '../shared/Button'
|
||||||
import Loading from '../shared/Loading'
|
import Loading from '../shared/Loading'
|
||||||
import Modal from '../shared/Modal'
|
import Modal from '../shared/Modal'
|
||||||
|
import { EnterBottomExitBottom, FadeInFadeOut } from '../shared/Transitions'
|
||||||
|
import WithdrawTokenList from '../shared/WithdrawTokenList'
|
||||||
|
|
||||||
function WithdrawModal({ isOpen, onClose }: ModalProps) {
|
function WithdrawModal({ isOpen, onClose }: ModalProps) {
|
||||||
|
const { t } = useTranslation('common')
|
||||||
const [inputAmount, setInputAmount] = useState('')
|
const [inputAmount, setInputAmount] = useState('')
|
||||||
const [submitting, setSubmitting] = useState(false)
|
const [submitting, setSubmitting] = useState(false)
|
||||||
const [selectedToken, setSelectedToken] = useState('USDC')
|
const [selectedToken, setSelectedToken] = useState('USDC')
|
||||||
|
const [showTokenList, setShowTokenList] = useState(false)
|
||||||
|
|
||||||
const handleWithdraw = async () => {
|
const handleWithdraw = async () => {
|
||||||
const client = mangoStore.getState().client
|
const client = mangoStore.getState().client
|
||||||
|
@ -46,14 +55,73 @@ function WithdrawModal({ isOpen, onClose }: ModalProps) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleTokenSelect = (e: React.ChangeEvent<HTMLSelectElement>) => {
|
const handleSelectToken = (token: string) => {
|
||||||
setSelectedToken(e.target.value)
|
setSelectedToken(token)
|
||||||
|
setShowTokenList(false)
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal isOpen={isOpen} onClose={onClose}>
|
<Modal isOpen={isOpen} onClose={onClose}>
|
||||||
|
<EnterBottomExitBottom
|
||||||
|
className="absolute bottom-0 left-0 z-20 h-full w-full overflow-auto bg-th-bkg-1 p-6 pb-0"
|
||||||
|
show={showTokenList}
|
||||||
|
>
|
||||||
|
<h2 className="mb-4 text-center">{t('select-token')}</h2>
|
||||||
|
<WithdrawTokenList onSelect={handleSelectToken} />
|
||||||
|
</EnterBottomExitBottom>
|
||||||
|
<FadeInFadeOut
|
||||||
|
className="flex h-96 flex-col justify-between"
|
||||||
|
show={isOpen}
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<div className="relative mt-1 rounded-md shadow-sm">
|
<h2 className="mb-4 text-center">{t('withdraw')}</h2>
|
||||||
|
<div className="grid grid-cols-2 pb-6">
|
||||||
|
<div className="col-span-2 flex justify-between">
|
||||||
|
<Label text={t('token')} />
|
||||||
|
<LinkButton
|
||||||
|
className="mb-2 no-underline"
|
||||||
|
onClick={() => console.log('Set max input amount')}
|
||||||
|
>
|
||||||
|
<span className="mr-1 font-normal text-th-fgd-3">
|
||||||
|
{t('available-balance')}
|
||||||
|
</span>
|
||||||
|
<span className="text-th-fgd-1">0</span>
|
||||||
|
</LinkButton>
|
||||||
|
</div>
|
||||||
|
<div className="col-span-1 rounded-lg rounded-r-none border border-r-0 border-th-bkg-4 bg-th-bkg-1">
|
||||||
|
<button
|
||||||
|
onClick={() => setShowTokenList(true)}
|
||||||
|
className="default-transition flex h-full w-full items-center rounded-lg rounded-r-none py-2 px-3 text-th-fgd-2 hover:cursor-pointer hover:bg-th-bkg-2 hover:text-th-fgd-1"
|
||||||
|
>
|
||||||
|
<div className="mr-2.5 flex min-w-[24px] items-center">
|
||||||
|
<Image
|
||||||
|
alt=""
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
src={`/icons/${selectedToken.toLowerCase()}.svg`}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="flex w-full items-center justify-between">
|
||||||
|
<div className="text-xl font-bold">{selectedToken}</div>
|
||||||
|
<ChevronDownIcon className="h-6 w-6" />
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div className="col-span-1">
|
||||||
|
<Input
|
||||||
|
type="text"
|
||||||
|
name="withdraw"
|
||||||
|
id="withdraw"
|
||||||
|
className="w-full rounded-lg rounded-l-none border border-th-bkg-4 bg-th-bkg-1 p-3 text-right text-xl font-bold tracking-wider text-th-fgd-1 focus:outline-none"
|
||||||
|
placeholder="0.00"
|
||||||
|
value={inputAmount}
|
||||||
|
onChange={(e: ChangeEvent<HTMLInputElement>) =>
|
||||||
|
setInputAmount(e.target.value)
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* <div className="relative mt-1 rounded-md shadow-sm">
|
||||||
<div className="absolute inset-y-0 left-0 flex items-center">
|
<div className="absolute inset-y-0 left-0 flex items-center">
|
||||||
<label htmlFor="token" className="sr-only">
|
<label htmlFor="token" className="sr-only">
|
||||||
Token
|
Token
|
||||||
|
@ -79,13 +147,29 @@ function WithdrawModal({ isOpen, onClose }: ModalProps) {
|
||||||
value={inputAmount}
|
value={inputAmount}
|
||||||
onChange={(e) => setInputAmount(e.target.value)}
|
onChange={(e) => setInputAmount(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
</div> */}
|
||||||
|
<div className="space-y-2 border-y border-th-bkg-3 py-4">
|
||||||
|
<div className="flex justify-between">
|
||||||
|
<p>{t('health-impact')}</p>
|
||||||
|
<p className="text-th-red">-12%</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between">
|
||||||
|
<p>{t('withdrawal-value')}</p>
|
||||||
|
<p className="text-th-fgd-1">$1,000.00</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-4 flex justify-center">
|
<div className="mt-4 flex justify-center">
|
||||||
<Button onClick={handleWithdraw} className="flex items-center">
|
<Button
|
||||||
{submitting ? <Loading className="mr-2 h-5 w-5" /> : null} Withdraw
|
onClick={handleWithdraw}
|
||||||
|
className="flex w-full items-center justify-center"
|
||||||
|
size="large"
|
||||||
|
disabled={!inputAmount}
|
||||||
|
>
|
||||||
|
{submitting ? <Loading className="mr-2 h-5 w-5" /> : t('withdraw')}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
</FadeInFadeOut>
|
||||||
</Modal>
|
</Modal>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -12,7 +12,7 @@ const DepositTokenItem = ({
|
||||||
const { name } = bank
|
const { name } = bank
|
||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
className="grid w-full grid-cols-3 rounded-md border border-th-bkg-4 px-4 py-3 md:hover:border-th-fgd-4"
|
className="grid w-full grid-cols-3 gap-4 rounded-md border border-th-bkg-4 px-4 py-3 md:hover:border-th-fgd-4"
|
||||||
onClick={() => onSelect(name)}
|
onClick={() => onSelect(name)}
|
||||||
>
|
>
|
||||||
<div className="col-span-1 flex items-center">
|
<div className="col-span-1 flex items-center">
|
||||||
|
@ -24,7 +24,7 @@ const DepositTokenItem = ({
|
||||||
src={`/icons/${name.toLowerCase()}.svg`}
|
src={`/icons/${name.toLowerCase()}.svg`}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<p className="font-bold text-th-fgd-1">{name}</p>
|
<p className="text-th-fgd-1">{name}</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-1 flex justify-end">
|
<div className="col-span-1 flex justify-end">
|
||||||
<p className="text-th-green">
|
<p className="text-th-green">
|
||||||
|
@ -32,7 +32,7 @@ const DepositTokenItem = ({
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-1 flex justify-end">
|
<div className="col-span-1 flex justify-end">
|
||||||
<p className="text-th-fgd-1">100%</p>
|
<p className="text-th-fgd-1">0.8x</p>
|
||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
)
|
)
|
||||||
|
|
|
@ -1,22 +1,26 @@
|
||||||
|
import { useTranslation } from 'next-i18next'
|
||||||
import mangoStore from '../../store/state'
|
import mangoStore from '../../store/state'
|
||||||
import DepositTokenItem from './DepositTokenItem'
|
import DepositTokenItem from './DepositTokenItem'
|
||||||
|
|
||||||
const DepositTokenList = ({ onSelect }: { onSelect: (x: any) => void }) => {
|
const DepositTokenList = ({ onSelect }: { onSelect: (x: any) => void }) => {
|
||||||
|
const { t } = useTranslation('common')
|
||||||
const group = mangoStore((s) => s.group)
|
const group = mangoStore((s) => s.group)
|
||||||
const banks = group?.banksMap
|
const banks = group?.banksMap
|
||||||
? Array.from(group?.banksMap, ([key, value]) => ({ key, value }))
|
? Array.from(group?.banksMap, ([key, value]) => ({ key, value }))
|
||||||
: []
|
: []
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="grid grid-cols-3 px-4 pb-2">
|
<div className="grid grid-cols-3 gap-4 px-4 pb-2">
|
||||||
<div className="col-span-1">
|
<div className="col-span-1">
|
||||||
<p className="text-xs">Token</p>
|
<p className="text-xs">{t('token')}</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-1 flex justify-end">
|
<div className="col-span-1 flex justify-end">
|
||||||
<p className="text-xs">Deposit Rate (APR)</p>
|
<p className="text-xs">{t('rate')}</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-1 flex justify-end">
|
<div className="col-span-1 flex justify-end">
|
||||||
<p className="text-xs">Collateral Weight</p>
|
<p className="whitespace-nowrap text-xs">
|
||||||
|
{t('collateral-multiplier')}
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
|
|
|
@ -0,0 +1,36 @@
|
||||||
|
import { Bank } from '@blockworks-foundation/mango-v4'
|
||||||
|
import Image from 'next/image'
|
||||||
|
import { formatDecimal } from '../../utils/numbers'
|
||||||
|
|
||||||
|
const WithdrawTokenItem = ({
|
||||||
|
bank,
|
||||||
|
onSelect,
|
||||||
|
}: {
|
||||||
|
bank: Bank
|
||||||
|
onSelect: (x: any) => void
|
||||||
|
}) => {
|
||||||
|
const { name } = bank
|
||||||
|
return (
|
||||||
|
<button
|
||||||
|
className="grid w-full grid-cols-2 rounded-md border border-th-bkg-4 px-4 py-3 md:hover:border-th-fgd-4"
|
||||||
|
onClick={() => onSelect(name)}
|
||||||
|
>
|
||||||
|
<div className="col-span-1 flex items-center">
|
||||||
|
<div className="mr-2.5 flex flex-shrink-0 items-center">
|
||||||
|
<Image
|
||||||
|
alt=""
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
src={`/icons/${name.toLowerCase()}.svg`}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<p className="text-th-fgd-1">{name}</p>
|
||||||
|
</div>
|
||||||
|
<div className="col-span-1 flex justify-end">
|
||||||
|
<p className="text-th-fgd-1">0</p>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default WithdrawTokenItem
|
|
@ -0,0 +1,35 @@
|
||||||
|
import { useTranslation } from 'next-i18next'
|
||||||
|
import mangoStore from '../../store/state'
|
||||||
|
import DepositTokenItem from './DepositTokenItem'
|
||||||
|
import WithdrawTokenItem from './WithdrawTokenItem'
|
||||||
|
|
||||||
|
const WithdrawTokenList = ({ onSelect }: { onSelect: (x: any) => void }) => {
|
||||||
|
const { t } = useTranslation('common')
|
||||||
|
const group = mangoStore((s) => s.group)
|
||||||
|
const banks = group?.banksMap
|
||||||
|
? Array.from(group?.banksMap, ([key, value]) => ({ key, value }))
|
||||||
|
: []
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className="grid grid-cols-2 px-4 pb-2">
|
||||||
|
<div className="col-span-1">
|
||||||
|
<p className="text-xs">{t('token')}</p>
|
||||||
|
</div>
|
||||||
|
<div className="col-span-1 flex justify-end">
|
||||||
|
<p className="text-xs">{t('available-balance')}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="space-y-2">
|
||||||
|
{banks.map((bank) => (
|
||||||
|
<WithdrawTokenItem
|
||||||
|
bank={bank.value}
|
||||||
|
key={bank.value.name}
|
||||||
|
onSelect={onSelect}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default WithdrawTokenList
|
|
@ -182,8 +182,8 @@ const SwapTokenChart: FunctionComponent<SwapTokenChartProps> = ({
|
||||||
<>
|
<>
|
||||||
<div className="mb-0.5 flex flex-col text-4xl font-bold text-th-fgd-1 md:flex-row md:items-end">
|
<div className="mb-0.5 flex flex-col text-4xl font-bold text-th-fgd-1 md:flex-row md:items-end">
|
||||||
<FlipNumbers
|
<FlipNumbers
|
||||||
height={36}
|
height={40}
|
||||||
width={24}
|
width={26}
|
||||||
play
|
play
|
||||||
delay={0.025}
|
delay={0.025}
|
||||||
duration={1}
|
duration={1}
|
||||||
|
@ -214,8 +214,8 @@ const SwapTokenChart: FunctionComponent<SwapTokenChartProps> = ({
|
||||||
<>
|
<>
|
||||||
<div className="mb-0.5 flex flex-col text-4xl font-bold text-th-fgd-1 md:flex-row md:items-end">
|
<div className="mb-0.5 flex flex-col text-4xl font-bold text-th-fgd-1 md:flex-row md:items-end">
|
||||||
<FlipNumbers
|
<FlipNumbers
|
||||||
height={36}
|
height={40}
|
||||||
width={24}
|
width={26}
|
||||||
play
|
play
|
||||||
numbers={formatFixedDecimals(
|
numbers={formatFixedDecimals(
|
||||||
chartData[chartData.length - 1]['price']
|
chartData[chartData.length - 1]['price']
|
||||||
|
|
|
@ -32,21 +32,21 @@ const Index: NextPage = () => {
|
||||||
<p className="mb-1">{t('account-value')}</p>
|
<p className="mb-1">{t('account-value')}</p>
|
||||||
<div className="flex items-center text-5xl font-bold text-th-fgd-1">
|
<div className="flex items-center text-5xl font-bold text-th-fgd-1">
|
||||||
$
|
$
|
||||||
|
{mangoAccount ? (
|
||||||
<FlipNumbers
|
<FlipNumbers
|
||||||
height={48}
|
height={48}
|
||||||
width={32}
|
width={32}
|
||||||
play={mangoAccount}
|
play
|
||||||
delay={0.05}
|
delay={0.05}
|
||||||
duration={1}
|
duration={1}
|
||||||
numbers={
|
numbers={formatDecimal(
|
||||||
mangoAccount
|
|
||||||
? formatDecimal(
|
|
||||||
toUiDecimals(mangoAccount.getEquity().toNumber()),
|
toUiDecimals(mangoAccount.getEquity().toNumber()),
|
||||||
2
|
2
|
||||||
)
|
)}
|
||||||
: (0).toFixed(2)
|
|
||||||
}
|
|
||||||
/>
|
/>
|
||||||
|
) : (
|
||||||
|
(0).toFixed(2)
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
{/* <div className="text-5xl font-bold text-th-fgd-1">
|
{/* <div className="text-5xl font-bold text-th-fgd-1">
|
||||||
$
|
$
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"account-value": "Account Value",
|
"account-value": "Account Value",
|
||||||
|
"available-balance": "Available Balance",
|
||||||
"balance": "Balance",
|
"balance": "Balance",
|
||||||
"borrow": "Borrow",
|
"borrow": "Borrow",
|
||||||
"buy": "Buy",
|
"buy": "Buy",
|
||||||
"close-account": "Close Account",
|
"close-account": "Close Account",
|
||||||
"collateral-multiplier": "{{token}} Collateral Multiplier",
|
"collateral-multiplier": "Collateral Multiplier",
|
||||||
"collateral-multiplier-desc": "Each token on Mango has a multiplier used to calculate the collateral value of that token. The higher the multiplier, the more collateral you get.",
|
"collateral-multiplier-desc": "Each token on Mango has a multiplier used to calculate the collateral value of that token. The higher the multiplier, the more collateral you get.",
|
||||||
"collateral-value": "Collateral Value",
|
"collateral-value": "Collateral Value",
|
||||||
"connect": "Connect",
|
"connect": "Connect",
|
||||||
|
@ -25,13 +26,18 @@
|
||||||
"more": "More",
|
"more": "More",
|
||||||
"portfolio": "Portfolio",
|
"portfolio": "Portfolio",
|
||||||
"price": "Price",
|
"price": "Price",
|
||||||
|
"rate": "Rate (APR)",
|
||||||
"rates": "Rates (APR)",
|
"rates": "Rates (APR)",
|
||||||
"rolling-change": "24h Change",
|
"rolling-change": "24h Change",
|
||||||
|
"select-token": "Select Token",
|
||||||
"sell": "Sell",
|
"sell": "Sell",
|
||||||
"settings": "Settings",
|
"settings": "Settings",
|
||||||
"stats": "Stats",
|
"stats": "Stats",
|
||||||
"token": "Token",
|
"token": "Token",
|
||||||
|
"token-collateral-multiplier": "{{token}} Collateral Multiplier",
|
||||||
"trade": "Trade",
|
"trade": "Trade",
|
||||||
"wallet-balance": "Wallet Balance",
|
"wallet-balance": "Wallet Balance",
|
||||||
"withdraw": "Withdraw"
|
"withdraw": "Withdraw",
|
||||||
|
"withdrawal-value": "Withdrawal Value"
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"account-value": "Account Value",
|
"account-value": "Account Value",
|
||||||
|
"available-balance": "Available Balance",
|
||||||
"balance": "Balance",
|
"balance": "Balance",
|
||||||
"borrow": "Borrow",
|
"borrow": "Borrow",
|
||||||
"buy": "Buy",
|
"buy": "Buy",
|
||||||
"close-account": "Close Account",
|
"close-account": "Close Account",
|
||||||
"collateral-multiplier": "{{token}} Collateral Multiplier",
|
"collateral-multiplier": "Collateral Multiplier",
|
||||||
"collateral-multiplier-desc": "Each token on Mango has a multiplier used to calculate the collateral value of that token. The higher the multiplier, the more collateral you get.",
|
"collateral-multiplier-desc": "Each token on Mango has a multiplier used to calculate the collateral value of that token. The higher the multiplier, the more collateral you get.",
|
||||||
"collateral-value": "Collateral Value",
|
"collateral-value": "Collateral Value",
|
||||||
"connect": "Connect",
|
"connect": "Connect",
|
||||||
|
@ -25,13 +26,18 @@
|
||||||
"more": "More",
|
"more": "More",
|
||||||
"portfolio": "Portfolio",
|
"portfolio": "Portfolio",
|
||||||
"price": "Price",
|
"price": "Price",
|
||||||
|
"rate": "Rate (APR)",
|
||||||
"rates": "Rates (APR)",
|
"rates": "Rates (APR)",
|
||||||
"rolling-change": "24h Change",
|
"rolling-change": "24h Change",
|
||||||
|
"select-token": "Select Token",
|
||||||
"sell": "Sell",
|
"sell": "Sell",
|
||||||
"settings": "Settings",
|
"settings": "Settings",
|
||||||
"stats": "Stats",
|
"stats": "Stats",
|
||||||
"token": "Token",
|
"token": "Token",
|
||||||
|
"token-collateral-multiplier": "{{token}} Collateral Multiplier",
|
||||||
"trade": "Trade",
|
"trade": "Trade",
|
||||||
"wallet-balance": "Wallet Balance",
|
"wallet-balance": "Wallet Balance",
|
||||||
"withdraw": "Withdraw"
|
"withdraw": "Withdraw",
|
||||||
|
"withdrawal-value": "Withdrawal Value"
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"account-value": "Account Value",
|
"account-value": "Account Value",
|
||||||
|
"available-balance": "Available Balance",
|
||||||
"balance": "Balance",
|
"balance": "Balance",
|
||||||
"borrow": "Borrow",
|
"borrow": "Borrow",
|
||||||
"buy": "Buy",
|
"buy": "Buy",
|
||||||
"close-account": "Close Account",
|
"close-account": "Close Account",
|
||||||
"collateral-multiplier": "{{token}} Collateral Multiplier",
|
"collateral-multiplier": "Collateral Multiplier",
|
||||||
"collateral-multiplier-desc": "Each token on Mango has a multiplier used to calculate the collateral value of that token. The higher the multiplier, the more collateral you get.",
|
"collateral-multiplier-desc": "Each token on Mango has a multiplier used to calculate the collateral value of that token. The higher the multiplier, the more collateral you get.",
|
||||||
"collateral-value": "Collateral Value",
|
"collateral-value": "Collateral Value",
|
||||||
"connect": "Connect",
|
"connect": "Connect",
|
||||||
|
@ -25,14 +26,18 @@
|
||||||
"more": "More",
|
"more": "More",
|
||||||
"portfolio": "Portfolio",
|
"portfolio": "Portfolio",
|
||||||
"price": "Price",
|
"price": "Price",
|
||||||
|
"rate": "Rate (APR)",
|
||||||
"rates": "Rates (APR)",
|
"rates": "Rates (APR)",
|
||||||
"rolling-change": "24h Change",
|
"rolling-change": "24h Change",
|
||||||
|
"select-token": "Select Token",
|
||||||
"sell": "Sell",
|
"sell": "Sell",
|
||||||
"settings": "Settings",
|
"settings": "Settings",
|
||||||
"stats": "Stats",
|
"stats": "Stats",
|
||||||
"token": "Token",
|
"token": "Token",
|
||||||
|
"token-collateral-multiplier": "{{token}} Collateral Multiplier",
|
||||||
"trade": "Trade",
|
"trade": "Trade",
|
||||||
"wallet-balance": "Wallet Balance",
|
"wallet-balance": "Wallet Balance",
|
||||||
"withdraw": "Withdraw"
|
"withdraw": "Withdraw",
|
||||||
|
"withdrawal-value": "Withdrawal Value"
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
{
|
{
|
||||||
"account-value": "Account Value",
|
"account-value": "Account Value",
|
||||||
|
"available-balance": "Available Balance",
|
||||||
"balance": "Balance",
|
"balance": "Balance",
|
||||||
"borrow": "Borrow",
|
"borrow": "Borrow",
|
||||||
"buy": "Buy",
|
"buy": "Buy",
|
||||||
"close-account": "Close Account",
|
"close-account": "Close Account",
|
||||||
"collateral-multiplier": "{{token}} Collateral Multiplier",
|
"collateral-multiplier": "Collateral Multiplier",
|
||||||
"collateral-multiplier-desc": "Each token on Mango has a multiplier used to calculate the collateral value of that token. The higher the multiplier, the more collateral you get.",
|
"collateral-multiplier-desc": "Each token on Mango has a multiplier used to calculate the collateral value of that token. The higher the multiplier, the more collateral you get.",
|
||||||
"collateral-value": "Collateral Value",
|
"collateral-value": "Collateral Value",
|
||||||
"connect": "Connect",
|
"connect": "Connect",
|
||||||
|
@ -25,13 +26,17 @@
|
||||||
"more": "More",
|
"more": "More",
|
||||||
"portfolio": "Portfolio",
|
"portfolio": "Portfolio",
|
||||||
"price": "Price",
|
"price": "Price",
|
||||||
|
"rate": "Rate (APR)",
|
||||||
"rates": "Rates (APR)",
|
"rates": "Rates (APR)",
|
||||||
"rolling-change": "24h Change",
|
"rolling-change": "24h Change",
|
||||||
|
"select-token": "Select Token",
|
||||||
"sell": "Sell",
|
"sell": "Sell",
|
||||||
"settings": "Settings",
|
"settings": "Settings",
|
||||||
"stats": "Stats",
|
"stats": "Stats",
|
||||||
"token": "Token",
|
"token": "Token",
|
||||||
|
"token-collateral-multiplier": "{{token}} Collateral Multiplier",
|
||||||
"trade": "Trade",
|
"trade": "Trade",
|
||||||
"wallet-balance": "Wallet Balance",
|
"wallet-balance": "Wallet Balance",
|
||||||
"withdraw": "Withdraw"
|
"withdraw": "Withdraw",
|
||||||
|
"withdrawal-value": "Withdrawal Value"
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue