Revert "Refactored menu rendering"

This reverts commit 909c657454.

src/js/components/common/Header.js

@@ -47,7 +47,7 @@ const A = styled.a`
     }
 `;
 
-const Header = () => (
+const Header = (): React$Element<string> => (
     <Wrapper>
         <LayoutWrapper>
             <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 163.7 41.9" width="100%" height="100%" preserveAspectRatio="xMinYMin meet">

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

@@ -1,54 +1,61 @@
-import React, { Component } from 'react';
+/* @flow */
-import PropTypes from 'prop-types';
-import { NavLink } from 'react-router-dom';
-import navigationConstants from '~/js/constants/navigation';
 
-class CoinSelection extends Component {
+
-    getBaseUrl() {
+import React from 'react';
-        const { selectedDevice } = this.props.wallet;
+import { Link, NavLink } from 'react-router-dom';
-        let baseUrl = '';
+
+import type { Props } from './index';
+import type { TrezorDevice } from '~/flowtype';
+
+const CoinSelection = (props: Props): React$Element<string> => {
+    const { location } = props.router;
+    const { config } = props.localStorage;
+    const { selectedDevice } = props.wallet;
+
+    let baseUrl: string = '';
     if (selectedDevice && selectedDevice.features) {
         baseUrl = `/device/${selectedDevice.features.device_id}`;
         if (selectedDevice.instance) {
             baseUrl += `:${selectedDevice.instance}`;
         }
     }
-        return baseUrl;
-    }
 
-    render() {
+    const walletCoins = config.coins.map((item) => {
-        const { config } = this.props.localStorage;
+        const url = `${baseUrl}/network/${item.network}/account/0`;
+        const className = `coin ${item.network}`;
+        return (
+            <NavLink key={item.network} to={url} className={className}>
+                { item.name }
+            </NavLink>
+        );
+    });
+
     return (
         <section>
-                {config.coins.map(item => (
+            { walletCoins }
-                    <NavLink
-                        key={item.network}
-                        to={`${this.getBaseUrl()}/network/${item.network}/account/0`}
-                    >{ item.name }
-                    </NavLink>
-                ))}
             <div className="coin-divider">
                 Other coins <span>(You will be redirected)</span>
             </div>
-                {navigationConstants.map(item => (
+            <a href="https://wallet.trezor.io/#/coin/btc" className="coin btc external">
-                    <a
+                Bitcoin
-                        key={item.coinName}
+            </a>
-                        rel="noopener noreferrer"
+            <a href="https://wallet.trezor.io/#/coin/ltc" className="coin ltc external">
-                        target="_blank"
+                Litecoin
-                        href={item.url}
+            </a>
-                    >{item.coinName}
+            <a href="https://wallet.trezor.io/#/coin/bch" className="coin bch external">
+                Bitcoin Cash
+            </a>
+            <a href="https://wallet.trezor.io/#/coin/btg" className="coin btg external">
+                Bitcoin Gold
+            </a>
+            <a href="https://wallet.trezor.io/#/coin/dash" className="coin dash external">
+                Dash
+            </a>
+            <a href="https://wallet.trezor.io/#/coin/zec" className="coin zec external">
+                Zcash
             </a>
-                ))}
         </section>
     );
-    }
-}
-
-CoinSelection.propTypes = {
-    config: PropTypes.object,
-    wallet: PropTypes.object,
-    selectedDevice: PropTypes.object,
-    localStorage: PropTypes.object,
 };
 
 export default CoinSelection;

src/js/components/wallet/pages/DeviceSettings.js

@@ -6,7 +6,8 @@ import colors from '~/js/config/colors';
 import ICONS from '~/js/constants/icons';
 import { connect } from 'react-redux';
 
-const Section = styled.section``;
+const Section = styled.section`
+`;
 
 const P = styled.p`
     padding: 12px 0px 24px 0px;
@@ -27,7 +28,7 @@ const Row = styled.div`
     padding-bottom: 98px;
 `;
 
-const DeviceSettings = () => (
+export const DeviceSettings = () => (
     <Section>
         <Row>
             <Icon

src/js/constants/navigation.js

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

src/styles/history.less

@@ -8,6 +8,8 @@
 
     .history-transaction {
 
+        
+
         .amount, .time, .address {
             margin-left: 10px;
         }