arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 09:18:09 +00:00
Code Issues Releases Wiki Activity

Convert 'CoinSelection' to a class component

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-08-16 12:26:40 +02:00
parent 0410735c2a
commit f8c11f918e
1 changed files with 64 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/js/components/wallet/aside/CoinSelection.js
View File

@ -3,7 +3,8 @@ import coins from 'constants/coins';
import colors from 'config/colors';
import ICONS from 'config/icons';
import { NavLink } from 'react-router-dom';
import React from 'react';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import AsideDivider from './AsideDivider';
import AsideRowCoin from './row/coin/AsideRowCoin';
@ -12,11 +13,10 @@ import AsideRowCoin from './row/coin/AsideRowCoin';
import type { Props } from './index';
const CoinSelection = (props: Props) => {
const { config } = props.localStorage;
const { selectedDevice } = props.wallet;
let baseUrl: string = '';
class CoinSelection extends Component {
getBaseUrl() {
const { selectedDevice } = this.props.wallet;
let baseUrl = '';
if (selectedDevice && selectedDevice.features) {
baseUrl = `/device/${selectedDevice.features.device_id}`;
if (selectedDevice.instance) {
@ -24,9 +24,14 @@ const CoinSelection = (props: Props) => {
}
}
const walletCoins = config.coins.map((item) => {
const url = `${baseUrl}/network/${item.network}/account/0`;
return baseUrl;
}
render() {
const { config } = this.props.localStorage;
return (
<React.Fragment>
{config.coins.map((item) => {
let imgName = item.network;
if (item.network === 'ethereum') {
imgName = 'eth';
@ -36,7 +41,10 @@ const CoinSelection = (props: Props) => {
const imgUrl = `../images/${imgName}-logo.png`;
return (
<NavLink to={url}>
<NavLink
key={item.network}
to={`${this.getBaseUrl()}/network/${item.network}/account/0`}
>
<AsideRowCoin
coin={{
img: imgUrl,
@ -45,9 +53,12 @@ const CoinSelection = (props: Props) => {
/>
</NavLink>
);
});
const externalCoins = coins.map(coin => (
})}
<AsideDivider
textLeft="Other coins"
textRight="(You will be redirected)"
/>
{coins.map(coin => (
<a href={coin.url}>
<AsideRowCoin
coin={{
@ -60,19 +71,17 @@ const CoinSelection = (props: Props) => {
}}
/>
</a>
));
return (
<AsideSection>
{ walletCoins }
<AsideDivider
textLeft="Other coins"
textRight="(You will be redirected)"
/>
{ externalCoins }
</AsideSection>
))}
</React.Fragment>
);
}
}
CoinSelection.propTypes = {
config: PropTypes.object,
wallet: PropTypes.object,
selectedDevice: PropTypes.object,
localStorage: PropTypes.object,
};
export default CoinSelection;