diff --git a/ui/app/pages/asset/components/token-asset.js b/ui/app/pages/asset/components/token-asset.js index 19059343bd47..7c8f9c2d55a4 100644 --- a/ui/app/pages/asset/components/token-asset.js +++ b/ui/app/pages/asset/components/token-asset.js @@ -43,6 +43,9 @@ export default function TokenAsset({ token }) { ); global.platform.openTab({ url }); }} + onViewAccountDetails={() => { + dispatch(showModal({ name: 'ACCOUNT_DETAILS' })); + }} tokenSymbol={token.symbol} /> } diff --git a/ui/app/pages/asset/components/token-options.js b/ui/app/pages/asset/components/token-options.js index 51b18079a7f6..c7ea6c05d762 100644 --- a/ui/app/pages/asset/components/token-options.js +++ b/ui/app/pages/asset/components/token-options.js @@ -4,7 +4,12 @@ import PropTypes from 'prop-types'; import { I18nContext } from '../../../contexts/i18n'; import { Menu, MenuItem } from '../../../components/ui/menu'; -const TokenOptions = ({ onRemove, onViewEtherscan, tokenSymbol }) => { +const TokenOptions = ({ + onRemove, + onViewEtherscan, + onViewAccountDetails, + tokenSymbol, +}) => { const t = useContext(I18nContext); const [tokenOptionsButtonElement, setTokenOptionsButtonElement] = useState( null, @@ -25,6 +30,16 @@ const TokenOptions = ({ onRemove, onViewEtherscan, tokenSymbol }) => { anchorElement={tokenOptionsButtonElement} onHide={() => setTokenOptionsOpen(false)} > + { + setTokenOptionsOpen(false); + onViewAccountDetails(); + }} + > + {t('accountDetails')} + { TokenOptions.propTypes = { onRemove: PropTypes.func.isRequired, onViewEtherscan: PropTypes.func.isRequired, + onViewAccountDetails: PropTypes.func.isRequired, tokenSymbol: PropTypes.string.isRequired, };