status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Adding Terms and Privacy links when creating a a safe

This commit is contained in:
apanizo 2018-10-10 12:27:53 +02:00
parent e2d95c03fb
commit fbb0b7b817
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/routes/open/components/SafeNameForm/index.jsx
View File

@ -9,7 +9,7 @@ import Row from '~/components/layout/Row'
import { FIELD_NAME } from '~/routes/open/components/fields' import { FIELD_NAME } from '~/routes/open/components/fields'
import Paragraph from '~/components/layout/Paragraph' import Paragraph from '~/components/layout/Paragraph'
import OpenPaper from '~/components/Stepper/OpenPaper' import OpenPaper from '~/components/Stepper/OpenPaper'
import { sm } from '~/theme/variables' import { sm, secondary } from '~/theme/variables'
type Props = { type Props = {
classes: Object, classes: Object,
@ -26,14 +26,19 @@ const styles = () => ({
dot: { dot: {
marginRight: sm, marginRight: sm,
}, },
links: {
'&>a': {
color: secondary,
},
},
}) })
const SafeName = ({ classes }: Props) => ( const SafeName = ({ classes }: Props) => (
<React.Fragment> <React.Fragment>
<Block margin="lg"> <Block margin="lg">
<Paragraph noMargin size="md" color="primary" weight="light"> <Paragraph noMargin size="md" color="primary" weight="light" className={classes.links}>
This setup will create a Safe with one or more owners. Optionally give the Safe a local name. 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. By continuing you consent with the <a rel="noopener noreferrer" href="https://safe.gnosis.io/terms" target="_blank">terms of use</a> and <a rel="noopener noreferrer" href="https://safe.gnosis.io/privacy" target="_blank">privacy policy</a>.
</Paragraph> </Paragraph>
</Block> </Block>
<Row margin="md" className={classes.text}> <Row margin="md" className={classes.text}>