diff --git a/src/routes/load/components/DetailsForm/index.jsx b/src/routes/load/components/DetailsForm/index.jsx index 837966a6..2c170a9a 100644 --- a/src/routes/load/components/DetailsForm/index.jsx +++ b/src/routes/load/components/DetailsForm/index.jsx @@ -26,9 +26,7 @@ const styles = () => ({ root: { display: 'flex', maxWidth: '460px', - '&:last-child': { - marginTop: '12px', - }, + marginTop: '12px', }, check: { color: '#03AE60', @@ -85,9 +83,8 @@ const Details = ({ classes, errors }: Props) => ( - Adding an existing Safe only requires the Safe address. Optionally you can give it a name. - In case your connected client is not the owner of the Safe, the interface will essentially provide you a - read-only view. + Adding an existing Safe only requires the Safe address. Optionally you can give it a name. In case your + connected client is not the owner of the Safe, the interface will essentially provide you a read-only view. @@ -104,13 +101,15 @@ const Details = ({ classes, errors }: Props) => ( - - - ), - }} + inputAdornment={ + noErrorsOn(FIELD_LOAD_ADDRESS, errors) && { + endAdornment: ( + + + + ), + } + } type="text" validate={composeValidators(required, mustBeEthereumAddress)} placeholder="Safe Address*" @@ -130,5 +129,4 @@ const DetailsPage = () => (controls: React$Node, { errors }: Object) => ( ) - export default DetailsPage diff --git a/src/routes/open/components/SafeOwnersForm/index.jsx b/src/routes/open/components/SafeOwnersForm/index.jsx index fbfaef4a..719a864a 100644 --- a/src/routes/open/components/SafeOwnersForm/index.jsx +++ b/src/routes/open/components/SafeOwnersForm/index.jsx @@ -3,7 +3,9 @@ import * as React from 'react' import { withStyles } from '@material-ui/core/styles' import Field from '~/components/forms/Field' import TextField from '~/components/forms/TextField' -import { required, composeValidators, uniqueAddress, mustBeEthereumAddress, noErrorsOn } from '~/components/forms/validator' +import { + required, composeValidators, uniqueAddress, mustBeEthereumAddress, noErrorsOn, +} from '~/components/forms/validator' import Block from '~/components/layout/Block' import Button from '~/components/layout/Button' import Row from '~/components/layout/Row' @@ -167,8 +169,8 @@ class SafeOwners extends React.Component { /> - { index > 0 && - Delete + { index > 0 + && Delete }