diff --git a/.eslintrc b/.eslintrc
index 6bc0340c..853370ab 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -9,6 +9,7 @@
"jest": true
},
"rules": {
+ "class-methods-use-this": 0,
"react/require-default-props": 0,
"react/forbid-prop-types": 0,
"react/destructuring-assignment": 0,
diff --git a/src/js/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js b/src/js/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
index c532ebef..21645128 100644
--- a/src/js/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
+++ b/src/js/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
@@ -1,4 +1,4 @@
-/* @flow */
+import styled from 'styled-components';
import coins from 'constants/coins';
import colors from 'config/colors';
import ICONS from 'config/icons';
@@ -8,6 +8,8 @@ import { NavLink } from 'react-router-dom';
import Divider from '../Divider';
import RowCoin from '../RowCoin';
+const Wrapper = styled.div``;
+
class CoinMenu extends Component {
getBaseUrl() {
const { selectedDevice } = this.props.wallet;
@@ -22,33 +24,33 @@ class CoinMenu extends Component {
return baseUrl;
}
+ getImgUrl(network) {
+ let imgName = network;
+ if (network === 'ethereum') {
+ imgName = 'eth';
+ } else if (network === 'ethereum-classic') {
+ imgName = 'etc';
+ }
+ return `../images/${imgName}-logo.png`;
+ }
+
render() {
const { config } = this.props.localStorage;
return (
-
- {config.coins.map((item) => {
- let imgName = item.network;
- if (item.network === 'ethereum') {
- imgName = 'eth';
- } else if (item.network === 'ethereum-classic') {
- imgName = 'etc';
- }
- const imgUrl = `../images/${imgName}-logo.png`;
-
- return (
-
-
-
- );
- })}
+
+ {config.coins.map(item => (
+
+
+
+ ))}
))}
-
+
);
}
}
diff --git a/src/js/views/Wallet/components/LeftNavigation/components/Row/index.js b/src/js/views/Wallet/components/LeftNavigation/components/Row/index.js
index 5a8598f8..c0f27b06 100644
--- a/src/js/views/Wallet/components/LeftNavigation/components/Row/index.js
+++ b/src/js/views/Wallet/components/LeftNavigation/components/Row/index.js
@@ -6,26 +6,22 @@ import { TRANSITION_TIME } from 'config/variables';
const Wrapper = styled.div`
height: 100%;
-
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
+ cursor: pointer;
+ transition: background-color ${TRANSITION_TIME.BASE}, color ${TRANSITION_TIME.BASE};
+
${props => props.column && css`
flex-direction: column;
align-items: flex-start;
`}
-
- cursor: pointer;
- transition: background-color ${TRANSITION_TIME.BASE}, color ${TRANSITION_TIME.BASE};
`;
-const Row = ({
- children, column = false,
-}) => (
- {children}
+const Row = ({ children, column = false }) => (
+
+ {children}
);