add amount field
This commit is contained in:
parent
e0be6094d3
commit
7bac5ae822
|
@ -10,7 +10,7 @@ import Img from '~/components/layout/Img'
|
|||
import Paragraph from '~/components/layout/Paragraph'
|
||||
import SelectField from '~/components/forms/SelectField'
|
||||
import { setImageToPlaceholder } from '~/routes/safe/components/Balances/utils'
|
||||
import { composeValidators, required } from '~/components/forms/validator'
|
||||
import { required } from '~/components/forms/validator'
|
||||
import { type Token } from '~/logic/tokens/store/model/token'
|
||||
import { selectedTokenStyles, selectStyles } from './style'
|
||||
|
||||
|
@ -52,7 +52,7 @@ const TokenSelectField = ({ tokens, classes }: SelectFieldProps) => (
|
|||
name="token"
|
||||
component={SelectField}
|
||||
classes={{ selectMenu: classes.selectMenu }}
|
||||
validate={composeValidators(required)}
|
||||
validate={required}
|
||||
renderValue={token => <SelectedTokenStyled token={token} />}
|
||||
initialValue=""
|
||||
displayEmpty
|
||||
|
|
|
@ -107,7 +107,7 @@ const SendFunds = ({
|
|||
<Bold>
|
||||
{ethBalance}
|
||||
{' '}
|
||||
ETH
|
||||
ETH
|
||||
</Bold>
|
||||
</Paragraph>
|
||||
</Block>
|
||||
|
@ -142,6 +142,22 @@ const SendFunds = ({
|
|||
<TokenSelectField tokens={tokens} />
|
||||
</Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col layout="column">
|
||||
<Paragraph size="md" color="disabled" style={{ letterSpacing: '-0.5px' }}>
|
||||
Amount
|
||||
</Paragraph>
|
||||
<Field
|
||||
name="amount"
|
||||
component={TextField}
|
||||
type="text"
|
||||
validate={composeValidators(required)}
|
||||
placeholder="Amount*"
|
||||
text="Amount*"
|
||||
className={classes.addressInput}
|
||||
/>
|
||||
</Col>
|
||||
</Row>
|
||||
</React.Fragment>
|
||||
)}
|
||||
</GnoForm>
|
||||
|
|
Loading…
Reference in New Issue