diff --git a/src/views/Wallet/views/Account/Summary/components/AddTokenMessage/index.js b/src/views/Wallet/views/Account/Summary/components/AddTokenMessage/index.js new file mode 100644 index 00000000..1167de60 --- /dev/null +++ b/src/views/Wallet/views/Account/Summary/components/AddTokenMessage/index.js @@ -0,0 +1,57 @@ +/* @flow */ +import styled from 'styled-components'; +import React from 'react'; + +import { H2 } from 'components/Heading'; +import P from 'components/Paragraph'; + +const Wrapper = styled.div` + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +`; + +const StyledSVG = styled.svg` + margin-bottom: 24px; +`; + +const AddTokenMessage = () => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Add your tokens

+

Search for the token or add them manually by pasting token address into search input.

+
+); +export default AddTokenMessage; \ No newline at end of file diff --git a/src/views/Wallet/views/Account/Summary/index.js b/src/views/Wallet/views/Account/Summary/index.js index 2c4dfc5c..197b285c 100644 --- a/src/views/Wallet/views/Account/Summary/index.js +++ b/src/views/Wallet/views/Account/Summary/index.js @@ -16,6 +16,7 @@ import Link from 'components/Link'; import { FONT_WEIGHT, FONT_SIZE } from 'config/variables'; import AccountBalance from './components/Balance'; import AddedToken from './components/Token'; +import AddTokenMessage from './components/AddTokenMessage'; import type { Props } from './Container'; @@ -146,6 +147,7 @@ const AccountSummary = (props: Props) => { /> + { tokens.length < 1 && () } {tokens.map(token => (