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,8 +3,10 @@ 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 { H2 } from 'components/Heading';
-import DashboardImg from 'images/dashboard.png';
 
 const Wrapper = styled.div`
     display: flex;
@@ -25,6 +27,22 @@ const P = styled.p`
     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``;
+
+const EthImage = styled(Image)`
+    margin-right: 10px;
+`;
+
 const Dashboard = () => (
     <Content>
         <Wrapper>
@@ -32,7 +50,10 @@ const Dashboard = () => (
             <Row>
                 <H2>Please select your coin</H2>
                 <P>You will gain access to receiving &amp; sending selected coin</P>
-                <img src={DashboardImg} height="34" width="auto" alt="Dashboard" />
+                <Overlay>
+                    <EthImage src={EthIcon} width={20} />
+                    <Image src={RippleIcon} width={25} />
+                </Overlay>
             </Row>
         </Wrapper>
     </Content>