diff --git a/src/components/forms/TextField/index.jsx b/src/components/forms/TextField/index.jsx index dc28ae26..c03baaf4 100644 --- a/src/components/forms/TextField/index.jsx +++ b/src/components/forms/TextField/index.jsx @@ -1,5 +1,6 @@ // @flow import React from 'react' +import cn from 'classnames' import MuiTextField, { TextFieldProps } from '@material-ui/core/TextField' import { withStyles } from '@material-ui/core/styles' import { lg } from '~/theme/variables' @@ -16,6 +17,9 @@ const styles = () => ({ paddingBottom: '12px', lineHeight: 0, }, + input: { + borderRadius: '5px', + }, }) class TextField extends React.PureComponent { @@ -37,7 +41,7 @@ class TextField extends React.PureComponent { const inputRoot = helperText ? classes.root : undefined const inputProps = { ...restInput, autoComplete: 'off' } - const inputRootProps = { ...inputAdornment, disableUnderline: !underline, className: inputRoot } + const inputRootProps = { ...inputAdornment, disableUnderline: !underline, className: cn(inputRoot, classes.input) } return ( ( - This setup will create a Safe with one or more owners. Optionally give the Safe a local name. - By continuing you consent with the terms of use and privacy policy. + This setup will create a Safe with one or more owners. Optionally give the Safe a local name. By continuing you + consent with the + {' '} + + terms of use + + {' '} + and + {' '} + + privacy policy + + . diff --git a/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/index.jsx b/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/index.jsx index 43031912..c450f900 100644 --- a/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/index.jsx +++ b/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/index.jsx @@ -3,19 +3,39 @@ import React, { Component } from 'react' import { withStyles } from '@material-ui/core/styles' import Block from '~/components/layout/Block' import Paragraph from '~/components/layout/Paragraph' +import Field from '~/components/forms/Field' +import GnoForm from '~/components/forms/GnoForm' +import TextField from '~/components/forms/TextField' +import { composeValidators, required, mustBeEthereumAddress } from '~/components/forms/validator' import { styles } from './style' class AddCustomToken extends Component { + handleSubmit = () => { + console.log('form submitted') + } + render() { const { classes } = this.props return ( - - - Add custom token - - + + Add custom token + + + {(submitting: boolean, validating: boolean, ...rest: any) => ( + + + + )} + ) } diff --git a/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/style.js b/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/style.js index 34d21ff3..7d5b82e0 100644 --- a/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/style.js +++ b/src/routes/safe/components/Balances/Tokens/screens/AddCustomToken/style.js @@ -7,4 +7,7 @@ export const styles = () => ({ fontWeight: bolderFont, fontSize: '16px', }, + inputContainer: { + padding: '0 20px', + }, })