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)'}
/>
-
-
-
-
-
-