From e6017ee2a4ba57bfe26bbfa146febcef531082cf Mon Sep 17 00:00:00 2001
From: Dan J Miller <danjm.com@gmail.com>
Date: Mon, 19 Sep 2022 15:10:05 -0230
Subject: [PATCH] Don't display DetectedTokenSelectionPopover if there are no
 detected tokens (#15877)

* Don't display DetectedTokenSelectionPopover if there are no detected tokens

* adding length greater than 0 check as a 0 is displayed at the end of teh page previously

Co-authored-by: Niranjana Binoy <43930900+NiranjanaBinoy@users.noreply.github.com>
Co-authored-by: ryanml <ryanlanese@gmail.com>
---
 .../app/detected-token/detected-token.js      | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/ui/components/app/detected-token/detected-token.js b/ui/components/app/detected-token/detected-token.js
index 5031f218e..608982ea3 100644
--- a/ui/components/app/detected-token/detected-token.js
+++ b/ui/components/app/detected-token/detected-token.js
@@ -155,15 +155,17 @@ const DetectedToken = ({ setShowDetectedTokens }) => {
           partiallyIgnoreDetectedTokens={partiallyIgnoreDetectedTokens}
         />
       )}
-      <DetectedTokenSelectionPopover
-        detectedTokens={detectedTokens}
-        tokensListDetected={tokensListDetected}
-        handleTokenSelection={handleTokenSelection}
-        onImport={onImport}
-        onIgnoreAll={onIgnoreAll}
-        setShowDetectedTokens={setShowDetectedTokens}
-        sortingBasedOnTokenSelection={sortingBasedOnTokenSelection}
-      />
+      {detectedTokens.length > 0 && (
+        <DetectedTokenSelectionPopover
+          detectedTokens={detectedTokens}
+          tokensListDetected={tokensListDetected}
+          handleTokenSelection={handleTokenSelection}
+          onImport={onImport}
+          onIgnoreAll={onIgnoreAll}
+          setShowDetectedTokens={setShowDetectedTokens}
+          sortingBasedOnTokenSelection={sortingBasedOnTokenSelection}
+        />
+      )}
     </>
   );
 };