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

Delete 'AsideRowCoinExternal' and 'AsideRowCoinWallet' and move its logic into 'AsideRowCoin'

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-08-16 11:29:14 +02:00
parent 82c215dc81
commit 0410735c2a
5 changed files with 82 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/js/components/wallet/aside/AsideRowCoin.js
View File

@ -1,24 +0,0 @@
import styled from 'styled-components';
import React from 'react';
import colors from 'config/colors';
import { FONT_SIZE } from 'config/variables';
const Wrapper = styled.div`
display: block;
height: 50px;
font-size: ${FONT_SIZE.BASE};
color: ${colors.TEXT_PRIMARY};
&:hover {
background-color: ${colors.GRAY_LIGHT};
}
`;
const AsideRowCoin = ({ children }) => (
<Wrapper>
{children}
</Wrapper>
);
export default AsideRowCoin;

37
src/js/components/wallet/aside/AsideRowCoinExternal.js
View File

@ -1,37 +0,0 @@
import styled from 'styled-components';
import React from 'react';
import PropTypes from 'prop-types';
import ICONS from 'config/icons';
import colors from 'config/colors';
import Icon from 'components/common/Icon';
import AsideRow from './AsideRow';
import AsideRowCoin from './AsideRowCoin';
import CoinName from './CoinName';
import { coinProp } from './common';
const AsideRowCoinExternal = ({ coin, url }) => (
<a href={url}>
<AsideRowCoin>
<AsideRow>
<CoinName
coinImg={coin.img}
text={coin.name}
/>
<Icon
icon={ICONS.REDIRECT}
color={colors.TEXT_SECONDARY}
/>
</AsideRow>
</AsideRowCoin>
</a>
);
AsideRowCoinExternal.propTypes = {
...coinProp,
url: PropTypes.string,
};
export default AsideRowCoinExternal;

29
src/js/components/wallet/aside/AsideRowCoinWallet.js
View File

@ -1,29 +0,0 @@
import React from 'react';
import PropTypes from 'prop-types';
import { NavLink } from 'react-router-dom';
import AsideRow from './AsideRow';
import AsideRowCoin from './AsideRowCoin';
import CoinName from './CoinName';
import { coinProp } from './common';
const AsideRowCoinWallet = ({ coin, url }) => (
<NavLink to={url}>
<AsideRowCoin>
<AsideRow>
<CoinName
coinImg={coin.img}
text={coin.name}
/>
</AsideRow>
</AsideRowCoin>
</NavLink>
);
AsideRowCoinWallet.propTypes = {
...coinProp,
url: PropTypes.string.isRequired,
};
export default AsideRowCoinWallet;

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

@ -1,21 +1,18 @@
/* @flow */ /* @flow */
import React from 'react';
import { NavLink } from 'react-router-dom';
import coins from 'constants/coins'; 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 AsideDivider from './AsideDivider'; import AsideDivider from './AsideDivider';
import AsideRowCoinWallet from './AsideRowCoinWallet'; import AsideRowCoin from './row/coin/AsideRowCoin';
import AsideRowCoinExternal from './AsideRowCoinExternal';
import AsideSection from './AsideSection';
import type { TrezorDevice } from 'flowtype';
import type { Props } from './index'; import type { Props } from './index';
const CoinSelection = (props: Props): React$Element<string> => { const CoinSelection = (props: Props) => {
const { location } = props.router;
const { config } = props.localStorage; const { config } = props.localStorage;
const { selectedDevice } = props.wallet; const { selectedDevice } = props.wallet;
@ -29,37 +26,43 @@ const CoinSelection = (props: Props): React$Element<string> => {
const walletCoins = config.coins.map((item) => { const walletCoins = config.coins.map((item) => {
const url = `${baseUrl}/network/${item.network}/account/0`; const url = `${baseUrl}/network/${item.network}/account/0`;
const className = `coin ${item.network}`;
let coinImg = item.network; let imgName = item.network;
if (item.network === 'ethereum') { if (item.network === 'ethereum') {
coinImg = 'eth'; imgName = 'eth';
} else if (item.network === 'ethereum-classic' ) { } else if (item.network === 'ethereum-classic') {
coinImg = 'etc'; imgName = 'etc';
} }
const imgUrl = `../images/${imgName}-logo.png`;
return ( return (
<AsideRowCoinWallet <NavLink to={url}>
key={item.network} <AsideRowCoin
coin={{ coin={{
img: coinImg, img: imgUrl,
name: item.name, name: item.name,
}} }}
url={url} />
/> </NavLink>
); );
}); });
const externalCoins = coins.map(coin => ( const externalCoins = coins.map(coin => (
<AsideDivider <a href={coin.url}>
coin={{ <AsideRowCoin
img: coin.image, coin={{
name: coin.coinName, img: coin.image,
}} name: coin.coinName,
url={coin.url} }}
/> icon={{
type: ICONS.REDIRECT,
color: colors.TEXT_SECONDARY,
}}
/>
</a>
)); ));
return ( return (
<AsideSection> <AsideSection>
{ walletCoins } { walletCoins }

49
src/js/components/wallet/aside/row/coin/AsideRowCoin.js Normal file
View File

@ -0,0 +1,49 @@
import colors from 'config/colors';
import { FONT_SIZE } from 'config/variables';
import Icon from 'components/common/Icon';
import PropTypes from 'prop-types';
import React from 'react';
import styled from 'styled-components';
import AsideRow from '../AsideRow';
import CoinName from './CoinName';
import { coinProp } from '../../common';
const Wrapper = styled.div`
display: block;
height: 50px;
font-size: ${FONT_SIZE.BASE};
color: ${colors.TEXT_PRIMARY};
&:hover {
background-color: ${colors.GRAY_LIGHT};
}
`;
const AsideRowCoin = ({ coin, icon }) => (
<Wrapper>
<AsideRow>
<CoinName
coinImg={coin.img}
text={coin.name}
/>
{icon && (
<Icon
icon={icon.type}
color={icon.color}
/>
)}
</AsideRow>
</Wrapper>
);
AsideRowCoin.propTypes = {
...coinProp,
icon: PropTypes.shape({
type: PropTypes.string.isRequired,
color: PropTypes.string.isRequired,
}),
};
export default AsideRowCoin;