fix: check filtered tokens to prevent showing an empty list

near · Mar 4, 2022 · a5529b3 · a5529b3
1 parent e71a116
commit a5529b3
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/frontend/src/components/wallet/NFTs.js b/packages/frontend/src/components/wallet/NFTs.js
@@ -58,10 +58,11 @@ const StyledContainer = styled.div`
 `;
 
 const NFTs = ({ tokens }) => {
-    if (tokens.length) {
+    const ownedTokens = tokens.filter(tokenDetails => tokenDetails.ownedTokensMetadata && tokenDetails.ownedTokensMetadata.length);
+    if (ownedTokens.length) {
         return (
             <StyledContainer>
-                {tokens.filter((tokenDetails) => tokenDetails.ownedTokensMetadata && tokenDetails.ownedTokensMetadata.length).map((tokenDetails) => (
+                {ownedTokens.map((tokenDetails) => (
                     <NFTBox
                         key={tokenDetails.contractName}
                         tokenDetails={tokenDetails}