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}
testId={ADD_CUSTOM_TOKEN_BUTTON_TEST_ID}
>
+ ADD CUSTOM TOKEN
+ Add custom token
</Button>
</Row>
<Hairline />

View File

@ -1,12 +1,13 @@
// @flow
import * as React from 'react'
import OpenInNew from '@material-ui/icons/OpenInNew'
import Block from '~/components/layout/Block'
import Heading from '~/components/layout/Heading'
import Img from '~/components/layout/Img'
import Button from '~/components/layout/Button'
import Link from '~/components/layout/Link'
import { OPEN_ADDRESS, LOAD_ADDRESS } from '~/routes/routes'
import { marginButtonImg } from '~/theme/variables'
import { marginButtonImg, secondary } from '~/theme/variables'
import styles from './Layout.scss'
const safe = require('../assets/safe.svg')
@ -16,6 +17,12 @@ type Props = {
provider: string,
}
const openIconStyle = {
height: '13px',
color: secondary,
marginBottom: '-2px',
}
type SafeProps = {
provider: string,
size?: 'small' | 'medium' | 'large',
@ -59,9 +66,9 @@ export const LoadSafe = ({ size, provider }: SafeProps) => (
const Welcome = ({ provider }: Props) => (
<Block className={styles.safe}>
<Heading tag="h1" weight="bold" align="center" margin="lg">
Welcome to the Gnosis
Welcome to
<br />
Safe Team Edition
Gnosis Safe For Teams
</Heading>
<Heading tag="h3" align="center" margin="xl">
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
<br />
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>
<Block className={styles.safeActions} margin="md">
<CreateSafe size="large" provider={provider} />

View File

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