oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

copy

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-10-16 09:36:21 +02:00
parent 006eef26e6
commit c72e01c9ec
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/atoms/Input/index.tsx
View File

@ -3,7 +3,7 @@ import InputElement from './InputElement'
import Help from './Help' import Help from './Help'
import Label from './Label' import Label from './Label'
import styles from './index.module.css' import styles from './index.module.css'
import { ErrorMessage } from 'formik' import { ErrorMessage, FieldInputProps } from 'formik'
import classNames from 'classnames/bind' import classNames from 'classnames/bind'
const cx = classNames.bind(styles) const cx = classNames.bind(styles)
@ -33,7 +33,7 @@ export interface InputProps {
max?: string max?: string
disabled?: boolean disabled?: boolean
readOnly?: boolean readOnly?: boolean
field?: any field?: FieldInputProps<any>
form?: any form?: any
prefix?: string | ReactElement prefix?: string | ReactElement
postfix?: string | ReactElement postfix?: string | ReactElement

18
src/components/organisms/AssetActions/Pool/Add.tsx
View File

@ -10,7 +10,7 @@ import PriceUnit from '../../../atoms/Price/PriceUnit'
import Actions from './Actions' import Actions from './Actions'
import { graphql, useStaticQuery } from 'gatsby' import { graphql, useStaticQuery } from 'gatsby'
import * as Yup from 'yup' import * as Yup from 'yup'
import { Field, Formik } from 'formik' import { Field, FieldInputProps, Formik } from 'formik'
import Input from '../../../atoms/Input' import Input from '../../../atoms/Input'
import CoinSelect from './CoinSelect' import CoinSelect from './CoinSelect'
@ -66,8 +66,8 @@ export default function Add({
const content = data.content.edges[0].node.childContentJson.pool.add const content = data.content.edges[0].node.childContentJson.pool.add
const { ocean, accountId, balance } = useOcean() const { ocean, accountId, balance } = useOcean()
const [txId, setTxId] = useState<string>('') const [txId, setTxId] = useState<string>()
const [coin, setCoin] = useState<string>('OCEAN') const [coin, setCoin] = useState('OCEAN')
const [dtBalance, setDtBalance] = useState<string>() const [dtBalance, setDtBalance] = useState<string>()
const [amountMax, setAmountMax] = useState<string>() const [amountMax, setAmountMax] = useState<string>()
@ -78,7 +78,7 @@ export default function Add({
.min(1, 'Must be more or equal to 1') .min(1, 'Must be more or equal to 1')
.max( .max(
Number(amountMax), Number(amountMax),
`Must be less or equal to ${Number(amountMax).toFixed(2)}` `Maximum you can add is ${Number(amountMax).toFixed(2)} ${coin}`
) )
.required('Required') .required('Required')
}) })
@ -158,8 +158,6 @@ export default function Add({
submitForm, submitForm,
handleChange handleChange
}) => { }) => {
// TODO: move these 2 const to some useEffect() so it dos not
// constantly re-renders all the time
const newPoolTokens = const newPoolTokens =
totalBalance && totalBalance &&
((values.amount / Number(totalBalance.ocean)) * 100).toFixed(2) ((values.amount / Number(totalBalance.ocean)) * 100).toFixed(2)
@ -187,7 +185,13 @@ export default function Add({
</div> </div>
<Field name="amount"> <Field name="amount">
{({ field, form }: { field: any; form: any }) => ( {({
field,
form
}: {
field: FieldInputProps<FormAddLiquidity>
form: any
}) => (
<Input <Input
type="number" type="number"
max={amountMax} max={amountMax}