diff --git a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js index c1e1ce2b..5359268f 100644 --- a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js +++ b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js @@ -5,7 +5,6 @@ import coins from 'constants/coins'; import PropTypes from 'prop-types'; import React, { PureComponent } from 'react'; import { Link, colors, icons as ICONS } from 'trezor-ui-components'; -import { NavLink } from 'react-router-dom'; import { FormattedMessage } from 'react-intl'; import Divider from '../Divider'; import RowCoin from '../RowCoin'; @@ -16,14 +15,15 @@ import type { Props } from '../common'; const Wrapper = styled.div``; -const ExternalWallet = styled.div` - cursor: pointer; -`; - const StyledLink = styled(Link)` + display: block; &:hover { text-decoration: none; } + + &:focus { + background: ${colors.GRAY_LIGHT}; + } `; const Empty = styled.span` @@ -78,12 +78,13 @@ class CoinMenu extends PureComponent { if (coin.external) return ( - this.props.gotoExternalWallet(coin.id, coin.url)} > {row} - + ); return ( @@ -142,7 +143,7 @@ class CoinMenu extends PureComponent { .filter(item => !hiddenCoins.includes(item.shortcut)) // hide coins by user settings .sort((a, b) => a.order - b.order) .map(item => ( - @@ -152,7 +153,7 @@ class CoinMenu extends PureComponent { shortcut: item.shortcut, }} /> - + ))} {!this.isBottomMenuEmpty() && ( ( - +const RowCoin = ({ network, iconLeft, iconRight, ...rest }) => ( + {iconLeft && (