add learn more link to welcome screen, fix add custom token button label
This commit is contained in:
parent
ab1d0c44d3
commit
3c777fac94
|
@ -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 />
|
||||||
|
|
|
@ -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} />
|
||||||
|
|
|
@ -13,3 +13,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.learnMoreLink {
|
||||||
|
color: $secondary;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue