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} );