From 213240349d2cbad869afea09b251049996983bc2 Mon Sep 17 00:00:00 2001
From: Nidhi Kumari <nidhi.kumari@consensys.net>
Date: Mon, 23 Jan 2023 22:38:35 +0530
Subject: [PATCH] Updated Icons in Title of NFTs (#17205)

* icon update for nft

* updated icon for previously owned icon

* removed isPreviouslyOwned condition
---
 .../collectibles-items/collectibles-items.js   | 18 ++++--------------
 ui/hooks/useCollectiblesCollections.js         |  3 +--
 2 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/ui/components/app/collectibles-items/collectibles-items.js b/ui/components/app/collectibles-items/collectibles-items.js
index f28006ae0..a4e10b40d 100644
--- a/ui/components/app/collectibles-items/collectibles-items.js
+++ b/ui/components/app/collectibles-items/collectibles-items.js
@@ -86,14 +86,7 @@ export default function CollectiblesItems({
   const ipfsGateway = useSelector(getIpfsGateway);
   const history = useHistory();
 
-  const renderCollectionImage = (
-    isPreviouslyOwnedCollection,
-    collectionImage,
-    collectionName,
-  ) => {
-    if (isPreviouslyOwnedCollection) {
-      return null;
-    }
+  const renderCollectionImage = (collectionImage, collectionName) => {
     if (collectionImage) {
       return (
         <img
@@ -129,7 +122,6 @@ export default function CollectiblesItems({
     collectionName,
     collectionImage,
     key,
-    isPreviouslyOwnedCollection,
   }) => {
     if (!collectibles.length) {
       return null;
@@ -156,11 +148,7 @@ export default function CollectiblesItems({
               alignItems={ALIGN_ITEMS.CENTER}
               className="collectibles-items__collection-header"
             >
-              {renderCollectionImage(
-                isPreviouslyOwnedCollection,
-                collectionImage,
-                collectionName,
-              )}
+              {renderCollectionImage(collectionImage, collectionName)}
               <Typography
                 color={COLORS.TEXT_DEFAULT}
                 variant={TYPOGRAPHY.H5}
@@ -256,6 +244,7 @@ export default function CollectiblesItems({
           {renderCollection({
             collectibles: previouslyOwnedCollection.collectibles,
             collectionName: previouslyOwnedCollection.collectionName,
+            collectionImage: previouslyOwnedCollection.collectibles[0]?.image,
             isPreviouslyOwnedCollection: true,
             key: PREVIOUSLY_OWNED_KEY,
           })}
@@ -285,6 +274,7 @@ CollectiblesItems.propTypes = {
       }),
     ),
     collectionName: PropTypes.string,
+    collectionImage: PropTypes.string,
   }),
   collections: PropTypes.shape({
     collectibles: PropTypes.arrayOf(
diff --git a/ui/hooks/useCollectiblesCollections.js b/ui/hooks/useCollectiblesCollections.js
index 9710cd952..0e5935e44 100644
--- a/ui/hooks/useCollectiblesCollections.js
+++ b/ui/hooks/useCollectiblesCollections.js
@@ -47,8 +47,7 @@ export function useCollectiblesCollections() {
           );
           newCollections[collectible.address] = {
             collectionName: collectionContract?.name || collectible.name,
-            collectionImage:
-              collectionContract?.logo || collectible.collectionImage,
+            collectionImage: collectionContract?.logo || collectible.image,
             collectibles: [collectible],
           };
         }