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 &&
-
+ { index > 0
+ &&
}