Separate function

.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,

src/js/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js

@@ -22,33 +22,33 @@ class CoinMenu extends Component {
         return baseUrl;
     }
 
-    render() {
+    getImgUrl(network) {
-        const { config } = this.props.localStorage;
+        let imgName = network;
-        return (
+        if (network === 'ethereum') {
-            <React.Fragment>
-                {config.coins.map((item) => {
-                    let imgName = item.network;
-                    if (item.network === 'ethereum') {
             imgName = 'eth';
-                    } else if (item.network === 'ethereum-classic') {
+        } else if (network === 'ethereum-classic') {
             imgName = 'etc';
         }
-                    const imgUrl = `../images/${imgName}-logo.png`;
+        return `../images/${imgName}-logo.png`;
+    }
 
+    render() {
+        const { config } = this.props.localStorage;
         return (
+            <React.Fragment>
+                {config.coins.map(item => (
                     <NavLink
                         key={item.network}
                         to={`${this.getBaseUrl()}/network/${item.network}/account/0`}
                     >
                         <RowCoin
                             coin={{
-                                    img: imgUrl,
+                                img: this.getImgUrl(item.network),
                                 name: item.name,
                             }}
                         />
                     </NavLink>
-                    );
+                ))}
-                })}
                 <Divider
                     textLeft="Other coins"
                     textRight="(You will be redirected)"