Add external coin links into a separate file

src/js/components/wallet/aside/CoinSelection.js

@@ -1,9 +1,10 @@
 /* @flow */
 
-import styled from 'styled-components';
 import React from 'react';
 import { NavLink } from 'react-router-dom';
 
+import coins from 'constants/coins';
+
 import AsideDivider from './AsideDivider';
 import AsideRowCoinWallet from './AsideRowCoinWallet';
 import AsideRowCoinExternal from './AsideRowCoinExternal';
@@ -49,56 +50,24 @@ const CoinSelection = (props: Props): React$Element<string> => {
         );
     });
 
+    const externalCoins = coins.map(coin => (
+        <AsideDivider
+            coin={{
+                img: coin.image,
+                name: coin.coinName,
+            }}
+            url={coin.url}
+        />
+    ));
+
     return (
         <AsideSection>
             { walletCoins }
             <AsideDivider
-                textLeft={'Other coins'}
+                textLeft="Other coins"
-                textRight={'(You will be redirected)'}
+                textRight="(You will be redirected)"
-            />
-
-            <AsideRowCoinExternal
-                coin={{
-                    img: 'btc',
-                    name: 'Bitcoin',
-                }}
-                url={'https://wallet.trezor.io/#/coin/ltc'}
-            />
-            <AsideRowCoinExternal
-                coin={{
-                    img: 'ltc',
-                    name: 'Litecoin',
-                }}
-                url={'https://wallet.trezor.io/#/coin/ltc'}
-            />
-            <AsideRowCoinExternal
-                coin={{
-                    img: 'bch',
-                    name: 'Bitcoin Cash',
-                }}
-                url={'https://wallet.trezor.io/#/coin/bch'}
-            />
-            <AsideRowCoinExternal
-                coin={{
-                    img: 'btg',
-                    name: 'Bitcoin Gold',
-                }}
-                url={'https://wallet.trezor.io/#/coin/btg'}
-            />
-            <AsideRowCoinExternal
-                coin={{
-                    img: 'Dash',
-                    name: 'Dash',
-                }}
-                url={'https://wallet.trezor.io/#/coin/dash'}
-            />
-            <AsideRowCoinExternal
-                coin={{
-                    img: 'zec',
-                    name: 'Zcash',
-                }}
-                url={'https://wallet.trezor.io/#/coin/zec'}
             />
+            { externalCoins }
         </AsideSection>
     );
 };

src/js/constants/coins.js

@@ -0,0 +1,32 @@
+export default [
+    {
+        coinName: 'Bitcoin',
+        url: 'https://wallet.trezor.io/#/coin/btc',
+        image: '../images/btc-logo.png',
+    },
+    {
+        coinName: 'Litecoin',
+        url: 'https://wallet.trezor.io/#/coin/ltc',
+        image: '../images/ltc-logo.png',
+    },
+    {
+        coinName: 'Bitcoin Cash',
+        url: 'https://wallet.trezor.io/#/coin/bch',
+        image: '../images/bch-logo.png',
+    },
+    {
+        coinName: 'Bitcoin Gold',
+        url: 'https://wallet.trezor.io/#/coin/btg',
+        image: '../images/btg-logo.png',
+    },
+    {
+        coinName: 'Dash',
+        url: 'https://wallet.trezor.io/#/coin/dash',
+        image: '../images/dash-logo.png',
+    },
+    {
+        coinName: 'Zcash',
+        url: 'https://wallet.trezor.io/#/coin/zec',
+        image: '../images/zec-logo.png',
+    },
+];