added placeholder valur

MetaMask · Jul 26, 2023 · 58d8eee · 58d8eee
1 parent b773a72
commit 58d8eee
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/ui/components/app/nft-details/nft-details.js b/ui/components/app/nft-details/nft-details.js
@@ -88,6 +88,7 @@ export default function NftDetails({ nft }) {
   const nftImageAlt = getNftImageAlt(nft);
   const nftImageURL = getAssetImageURL(imageOriginal ?? image, ipfsGateway);
   const isDataURI = nftImageURL.startsWith('data:');
+  const showNftDefaultImage = image === nftImageURL;
 
   const formattedTimestamp = formatDate(
     new Date(lastSale?.event_timestamp).getTime(),
@@ -193,6 +194,7 @@ export default function NftDetails({ nft }) {
               tokenId={tokenId}
               networkName={currentChain.nickname}
               networkSrc={currentChain.rpcPrefs?.imageUrl}
+              showNftDefaultImage={showNftDefaultImage}
             />
           </Box>
           <Box

diff --git a/ui/components/app/nfts-items/nfts-items.js b/ui/components/app/nfts-items/nfts-items.js
@@ -172,6 +172,7 @@ export default function NftsItems({
               const { image, address, tokenId, name, imageOriginal } = nft;
               const nftImage = getAssetImageURL(imageOriginal, ipfsGateway);
               const nftImageAlt = getNftImageAlt(nft);
+              const showNftDefaultImage = image === nftImage;
               const handleImageClick = () =>
                 history.push(`${ASSET_ROUTE}/${address}/${tokenId}`);
               return (
@@ -190,6 +191,7 @@ export default function NftsItems({
                     networkSrc={currentChain.rpcPrefs?.imageUrl}
                     onClick={handleImageClick}
                     clickable
+                    showNftDefaultImage={showNftDefaultImage}
                   />
                 </Box>
               );

diff --git a/ui/components/multichain/nft-item/nft-item.js b/ui/components/multichain/nft-item/nft-item.js
@@ -25,6 +25,7 @@ export const NftItem = ({
   networkSrc,
   tokenId,
   onClick,
+  showNftDefaultImage,
   clickable = false,
 }) => {
   const testNetworkBackgroundColor = useSelector(getTestNetworkBackgroundColor);
@@ -58,7 +59,7 @@ export const NftItem = ({
           />
         }
       >
-        {src ? (
+        {showNftDefaultImage ? (
           <Box
             className="nft-item__item nft-item__item-image"
             data-testid="nft-image"
@@ -91,4 +92,5 @@ NftItem.propTypes = {
   tokenId: PropTypes.string.isRequired,
   onClick: PropTypes.func,
   clickable: PropTypes.bool,
+  showNftDefaultImage: PropTypes.bool,
 };