add learn more link to welcome screen, fix add custom token button label

This commit is contained in:
Mikhail Mikheev 2019-09-27 17:30:49 +04:00
parent ab1d0c44d3
commit 3c777fac94
3 changed files with 20 additions and 4 deletions

View File

@ -146,7 +146,7 @@ class Tokens extends React.Component<Props, State> {
onClick={switchToAddCustomTokenScreen} onClick={switchToAddCustomTokenScreen}
testId={ADD_CUSTOM_TOKEN_BUTTON_TEST_ID} testId={ADD_CUSTOM_TOKEN_BUTTON_TEST_ID}
> >
+ ADD CUSTOM TOKEN + Add custom token
</Button> </Button>
</Row> </Row>
<Hairline /> <Hairline />

View File

@ -1,12 +1,13 @@
// @flow // @flow
import * as React from 'react' import * as React from 'react'
import OpenInNew from '@material-ui/icons/OpenInNew'
import Block from '~/components/layout/Block' import Block from '~/components/layout/Block'
import Heading from '~/components/layout/Heading' import Heading from '~/components/layout/Heading'
import Img from '~/components/layout/Img' import Img from '~/components/layout/Img'
import Button from '~/components/layout/Button' import Button from '~/components/layout/Button'
import Link from '~/components/layout/Link' import Link from '~/components/layout/Link'
import { OPEN_ADDRESS, LOAD_ADDRESS } from '~/routes/routes' import { OPEN_ADDRESS, LOAD_ADDRESS } from '~/routes/routes'
import { marginButtonImg } from '~/theme/variables' import { marginButtonImg, secondary } from '~/theme/variables'
import styles from './Layout.scss' import styles from './Layout.scss'
const safe = require('../assets/safe.svg') const safe = require('../assets/safe.svg')
@ -16,6 +17,12 @@ type Props = {
provider: string, provider: string,
} }
const openIconStyle = {
height: '13px',
color: secondary,
marginBottom: '-2px',
}
type SafeProps = { type SafeProps = {
provider: string, provider: string,
size?: 'small' | 'medium' | 'large', size?: 'small' | 'medium' | 'large',
@ -59,9 +66,9 @@ export const LoadSafe = ({ size, provider }: SafeProps) => (
const Welcome = ({ provider }: Props) => ( const Welcome = ({ provider }: Props) => (
<Block className={styles.safe}> <Block className={styles.safe}>
<Heading tag="h1" weight="bold" align="center" margin="lg"> <Heading tag="h1" weight="bold" align="center" margin="lg">
Welcome to the Gnosis Welcome to
<br /> <br />
Safe Team Edition Gnosis Safe For Teams
</Heading> </Heading>
<Heading tag="h3" align="center" margin="xl"> <Heading tag="h3" align="center" margin="xl">
The Gnosis Safe for Teams is geared towards teams managing shared The Gnosis Safe for Teams is geared towards teams managing shared
@ -71,6 +78,11 @@ const Welcome = ({ provider }: Props) => (
wallet with redesigned smart contracts, cheaper setup and transaction wallet with redesigned smart contracts, cheaper setup and transaction
<br /> <br />
costs as well as an enhanced user experience. costs as well as an enhanced user experience.
{' '}
<a className={styles.learnMoreLink} href="https://safe.gnosis.io/teams" target="_blank" rel="noopener noreferrer">
Learn more
<OpenInNew style={openIconStyle} />
</a>
</Heading> </Heading>
<Block className={styles.safeActions} margin="md"> <Block className={styles.safeActions} margin="md">
<CreateSafe size="large" provider={provider} /> <CreateSafe size="large" provider={provider} />

View File

@ -13,3 +13,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.learnMoreLink {
color: $secondary;
}