From 5bde528cbd7bd7986e64b81cb925daad029dd856 Mon Sep 17 00:00:00 2001
From: Alex Donesky <alex.donesky@merlinlabs.com>
Date: Mon, 26 Apr 2021 17:07:33 -0500
Subject: [PATCH] add view account-details menu item to token-options menu
 (#10932)

* add view account-details menu item to token-options menu

* add onViewAccountDetails propType
---
 ui/app/pages/asset/components/token-asset.js   |  3 +++
 ui/app/pages/asset/components/token-options.js | 18 +++++++++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/ui/app/pages/asset/components/token-asset.js b/ui/app/pages/asset/components/token-asset.js
index 19059343b..7c8f9c2d5 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 51b18079a..c7ea6c05d 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)}
         >
+          <MenuItem
+            iconClassName="fas fa-qrcode"
+            data-testid="token-options__account-details"
+            onClick={() => {
+              setTokenOptionsOpen(false);
+              onViewAccountDetails();
+            }}
+          >
+            {t('accountDetails')}
+          </MenuItem>
           <MenuItem
             iconClassName="fas fa-external-link-alt token-options__icon"
             data-testid="token-options__etherscan"
@@ -54,6 +69,7 @@ const TokenOptions = ({ onRemove, onViewEtherscan, tokenSymbol }) => {
 TokenOptions.propTypes = {
   onRemove: PropTypes.func.isRequired,
   onViewEtherscan: PropTypes.func.isRequired,
+  onViewAccountDetails: PropTypes.func.isRequired,
   tokenSymbol: PropTypes.string.isRequired,
 };