From 3c777fac9418fba1888d967144a3870984781670 Mon Sep 17 00:00:00 2001
From: Mikhail Mikheev <mmvsha73@gmail.com>
Date: Fri, 27 Sep 2019 17:30:49 +0400
Subject: [PATCH] add learn more link to welcome screen, fix add custom token
 button label

---
 .../Tokens/screens/TokenList/index.jsx         |  2 +-
 src/routes/welcome/components/Layout.jsx       | 18 +++++++++++++++---
 src/routes/welcome/components/Layout.scss      |  4 ++++
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/routes/safe/components/Balances/Tokens/screens/TokenList/index.jsx b/src/routes/safe/components/Balances/Tokens/screens/TokenList/index.jsx
index ad39c8cc..f69de267 100644
--- a/src/routes/safe/components/Balances/Tokens/screens/TokenList/index.jsx
+++ b/src/routes/safe/components/Balances/Tokens/screens/TokenList/index.jsx
@@ -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 />
diff --git a/src/routes/welcome/components/Layout.jsx b/src/routes/welcome/components/Layout.jsx
index 42e44d0c..4d83d65b 100644
--- a/src/routes/welcome/components/Layout.jsx
+++ b/src/routes/welcome/components/Layout.jsx
@@ -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} />
diff --git a/src/routes/welcome/components/Layout.scss b/src/routes/welcome/components/Layout.scss
index aeb5a001..b5e15126 100644
--- a/src/routes/welcome/components/Layout.scss
+++ b/src/routes/welcome/components/Layout.scss
@@ -13,3 +13,7 @@
   display: flex;
   justify-content: center;
 }
+
+.learnMoreLink {
+  color: $secondary;
+}