From 85181aaff4cf7e8a8aa7f9cea68349ba659d2079 Mon Sep 17 00:00:00 2001
From: Niranjana Binoy <43930900+NiranjanaBinoy@users.noreply.github.com>
Date: Mon, 8 Mar 2021 16:50:37 -0500
Subject: [PATCH] adding condition check to verify token data is loaded before
 rendering approve screen (#10606)

---
 ui/app/pages/confirm-approve/confirm-approve.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/app/pages/confirm-approve/confirm-approve.js b/ui/app/pages/confirm-approve/confirm-approve.js
index bb9cb6ccc..cedd987af 100644
--- a/ui/app/pages/confirm-approve/confirm-approve.js
+++ b/ui/app/pages/confirm-approve/confirm-approve.js
@@ -19,6 +19,7 @@ import {
   getNativeCurrency,
 } from '../../selectors';
 import { currentNetworkTxListSelector } from '../../selectors/transactions';
+import Loading from '../../components/ui/loading-screen';
 import { getCustomTxParamsData } from './confirm-approve.util';
 import ConfirmApproveContent from './confirm-approve-content';
 
@@ -87,7 +88,7 @@ export default function ConfirmApprove() {
     ? getCustomTxParamsData(data, { customPermissionAmount, decimals })
     : null;
 
-  return (
+  return tokenSymbol ? (
     <ConfirmTransactionBase
       toAddress={toAddress}
       identiconAddress={tokenAddress}
@@ -141,5 +142,7 @@ export default function ConfirmApprove() {
       hideSenderToRecipient
       customTxParamsData={customData}
     />
+  ) : (
+    <Loading />
   );
 }