|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
/* @flow */
|
|
|
|
|
import React from 'react';
|
|
|
|
|
import styled from 'styled-components';
|
|
|
|
|
import { connect } from 'react-redux';
|
|
|
|
@ -9,6 +10,9 @@ import RippleIcon from 'images/coins/xrp.png';
|
|
|
|
|
import { H1 } from 'components/Heading';
|
|
|
|
|
import Paragraph from 'components/Paragraph';
|
|
|
|
|
|
|
|
|
|
import { FormattedMessage } from 'react-intl';
|
|
|
|
|
import messages from './index.messages';
|
|
|
|
|
|
|
|
|
|
const Wrapper = styled.div`
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
@ -50,8 +54,8 @@ const Dashboard = () => (
|
|
|
|
|
<Content>
|
|
|
|
|
<Wrapper>
|
|
|
|
|
<Row data-test="Dashboard__page__content">
|
|
|
|
|
<H1>Please select your coin</H1>
|
|
|
|
|
<StyledP>You will gain access to receiving & sending selected coin</StyledP>
|
|
|
|
|
<H1><FormattedMessage {...messages.title} /></H1>
|
|
|
|
|
<StyledP><FormattedMessage {...messages.body} /></StyledP>
|
|
|
|
|
<Overlay>
|
|
|
|
|
<Image src={EthIcon} width={20} />
|
|
|
|
|
<Image src={RippleIcon} width={25} />
|
|
|
|
|