Merge pull request #305 from trezor/fix/dashboard-icons

Moved icons to shared folder, added correct icons to dashboard

src/components/images/CoinLogo/index.js

@@ -34,7 +34,7 @@ class CoinLogo extends PureComponent {
             <Logo
                 className={className}
                 hasLongIcon={this.hasLongIcon(network)}
-                src={require(`./images/${network}.png`)} // eslint-disable-line
+                src={require(`images/coins/${network}.png`)} // eslint-disable-line
             />
         );
 

src/views/Wallet/views/Dashboard/index.js

@@ -3,9 +3,11 @@ import styled from 'styled-components';
 import { connect } from 'react-redux';
 import Content from 'views/Wallet/components/Content';
 
+import EthIcon from 'images/coins/eth.png';
+import RippleIcon from 'images/coins/xrp.png';
+
 import { H1 } from 'components/Heading';
 import Paragraph from 'components/Paragraph';
-import DashboardImg from 'images/dashboard.png';
 
 const Wrapper = styled.div`
     display: flex;
@@ -26,13 +28,34 @@ const StyledP = styled(Paragraph)`
     text-align: center;
 `;
 
+const Overlay = styled.div`
+    display: flex;
+    width: 100%;
+    height: 40px;
+    justify-content: center;
+    align-items: center;
+    opacity: 0.2;
+    background: white;
+`;
+
+const Image = styled.img`
+    margin-right: 10px;
+
+    &:last-child {
+        margin-right: 0px;
+    }
+`;
+
 const Dashboard = () => (
     <Content>
         <Wrapper>
             <Row>
                 <H1>Please select your coin</H1>
                 <StyledP>You will gain access to receiving &amp; sending selected coin</StyledP>
-                <img src={DashboardImg} height="34" width="auto" alt="Dashboard" />
+                <Overlay>
+                    <Image src={EthIcon} width={20} />
+                    <Image src={RippleIcon} width={25} />
+                </Overlay>
             </Row>
         </Wrapper>
     </Content>