diff --git a/src/js/components/wallet/aside/CoinLink/CoinLink.js b/src/js/components/wallet/aside/AsideRowCoin.js similarity index 86% rename from src/js/components/wallet/aside/CoinLink/CoinLink.js rename to src/js/components/wallet/aside/AsideRowCoin.js index f906816f..4332e9af 100644 --- a/src/js/components/wallet/aside/CoinLink/CoinLink.js +++ b/src/js/components/wallet/aside/AsideRowCoin.js @@ -7,7 +7,7 @@ import colors from 'config/colors'; import { FONT_SIZE, TRANSITION_TIME } from 'config/variables'; import { coinProp } from './common'; -import CoinLogo from './CoinLogo'; +import CoinName from './CoinName'; const Wrapper = styled.div` display: flex; @@ -26,9 +26,9 @@ const Wrapper = styled.div` } `; -const CoinLink = ({ coin, iconRight }) => ( +const AsideRowCoin = ({ coin, iconRight }) => ( - @@ -41,7 +41,7 @@ const CoinLink = ({ coin, iconRight }) => ( ); -CoinLink.propTypes = { +AsideRowCoin.propTypes = { ...coinProp, iconRight: PropTypes.shape({ type: PropTypes.string.isRequired, @@ -49,4 +49,4 @@ CoinLink.propTypes = { }), }; -export default CoinLink; +export default AsideRowCoin; diff --git a/src/js/components/wallet/aside/CoinLink/ExternalCoinLink.js b/src/js/components/wallet/aside/AsideRowCoinExternal.js similarity index 72% rename from src/js/components/wallet/aside/CoinLink/ExternalCoinLink.js rename to src/js/components/wallet/aside/AsideRowCoinExternal.js index dda81e28..a6804f39 100644 --- a/src/js/components/wallet/aside/CoinLink/ExternalCoinLink.js +++ b/src/js/components/wallet/aside/AsideRowCoinExternal.js @@ -6,15 +6,15 @@ import ICONS from 'constants/icons'; import colors from 'config/colors'; import { coinProp } from './common'; -import CoinLink from './CoinLink'; +import AsideRowCoin from './AsideRowCoin'; const A = styled.a` display: block; `; -const ExternalCoinLink = ({ coin, url }) => ( +const AsideRowCoinExternal = ({ coin, url }) => ( - ( ); -ExternalCoinLink.propTypes = { +AsideRowCoinExternal.propTypes = { ...coinProp, url: PropTypes.string, }; -export default ExternalCoinLink; +export default AsideRowCoinExternal; diff --git a/src/js/components/wallet/aside/CoinLink/WalletCoinLink.js b/src/js/components/wallet/aside/AsideRowCoinWallet.js similarity index 63% rename from src/js/components/wallet/aside/CoinLink/WalletCoinLink.js rename to src/js/components/wallet/aside/AsideRowCoinWallet.js index a344e969..c80278d0 100644 --- a/src/js/components/wallet/aside/CoinLink/WalletCoinLink.js +++ b/src/js/components/wallet/aside/AsideRowCoinWallet.js @@ -4,21 +4,21 @@ import PropTypes from 'prop-types'; import { NavLink } from 'react-router-dom'; import { coinProp } from './common'; -import CoinLink from './CoinLink'; +import AsideRowCoin from './AsideRowCoin'; const Wrapper = styled(NavLink)` display: block; `; -const WalletCoinLink = ({ coin, url }) => ( +const AsideRowCoinWallet = ({ coin, url }) => ( - + ); -WalletCoinLink.propTypes = { +AsideRowCoinWallet.propTypes = { ...coinProp, url: PropTypes.string.isRequired, }; -export default WalletCoinLink; +export default AsideRowCoinWallet; diff --git a/src/js/components/wallet/aside/CoinLink/CoinLogo.js b/src/js/components/wallet/aside/CoinName.js similarity index 90% rename from src/js/components/wallet/aside/CoinLink/CoinLogo.js rename to src/js/components/wallet/aside/CoinName.js index 12928c79..15b119e2 100644 --- a/src/js/components/wallet/aside/CoinLink/CoinLogo.js +++ b/src/js/components/wallet/aside/CoinName.js @@ -13,7 +13,6 @@ const Wrapper = styled.div` p { color: ${colors.TEXT_PRIMARY}; } - `; const Logo = styled.div` @@ -27,7 +26,7 @@ const Logo = styled.div` background-image: url('images/${props => props.coinImg}-logo.png'); `; -const CoinLogo = ({ coinImg, text }) => ( +const CoinName = ({ coinImg, text }) => ( ( ); -CoinLogo.propTypes = { +CoinName.propTypes = { coinImg: PropTypes.string.isRequired, text: PropTypes.string.isRequired, }; -export default CoinLogo +export default CoinName diff --git a/src/js/components/wallet/aside/CoinSelection.js b/src/js/components/wallet/aside/CoinSelection.js index c3b46702..b1967c31 100644 --- a/src/js/components/wallet/aside/CoinSelection.js +++ b/src/js/components/wallet/aside/CoinSelection.js @@ -4,7 +4,8 @@ import styled from 'styled-components'; import React from 'react'; import { NavLink } from 'react-router-dom'; -import { ExternalCoinLink, WalletCoinLink } from './CoinLink/'; +import AsideRowCoinWallet from './AsideRowCoinWallet'; +import AsideRowCoinExternal from './AsideRowCoinExternal'; import AsideDivider from './AsideDivider'; import type { TrezorDevice } from 'flowtype'; @@ -41,7 +42,7 @@ const CoinSelection = (props: Props): React$Element => { } return ( - => { textRight={'(You will be redirected)'} /> - - - - - -