diff --git a/src/js/components/wallet/aside/CoinSelection.js b/src/js/components/wallet/aside/CoinSelection.js index 010aab73..659ffcdb 100644 --- a/src/js/components/wallet/aside/CoinSelection.js +++ b/src/js/components/wallet/aside/CoinSelection.js @@ -1,12 +1,21 @@ /* @flow */ - +import styled from 'styled-components'; import React from 'react'; -import { Link, NavLink } from 'react-router-dom'; +import { NavLink } from 'react-router-dom'; + +import { ExternalCoinLink, WalletCoinLink } from './CoinLink/'; +import AsideDivider from './AsideDivider'; import type { TrezorDevice } from 'flowtype'; import type { Props } from './index'; +const Section = styled.section` + width: 320px; + display: inline-block; + vertical-align: top; +`; + const CoinSelection = (props: Props): React$Element => { const { location } = props.router; const { config } = props.localStorage; @@ -23,39 +32,76 @@ const CoinSelection = (props: Props): React$Element => { const walletCoins = config.coins.map((item) => { const url = `${baseUrl}/network/${item.network}/account/0`; const className = `coin ${item.network}`; + + let coinImg = item.network; + if (item.network === 'ethereum') { + coinImg = 'eth'; + } else if (item.network === 'ethereum-classic' ) { + coinImg = 'etc'; + } + return ( - - { item.name } - + ); }); return ( -
+
{ walletCoins }
Other coins (You will be redirected) -
- - Bitcoin - - - Litecoin - - - Bitcoin Cash - - - Bitcoin Gold - - - Dash - - - Zcash - -
+ + + + + + + +
); }; -export default CoinSelection; \ No newline at end of file +export default CoinSelection;