From f1cd61b32db54f2f3b1a99ae04d851265675e5ee Mon Sep 17 00:00:00 2001
From: jinoosss <jwchoi@onbloc.xyz>
Date: Thu, 14 Nov 2024 18:12:39 +0900
Subject: [PATCH] fix: fix GRC721 display collector options

---
 .../nft/nft-collections/nft-collections.tsx    | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/adena-extension/src/components/pages/nft/nft-collections/nft-collections.tsx b/packages/adena-extension/src/components/pages/nft/nft-collections/nft-collections.tsx
index b5cd223b..0ad7a6f7 100644
--- a/packages/adena-extension/src/components/pages/nft/nft-collections/nft-collections.tsx
+++ b/packages/adena-extension/src/components/pages/nft/nft-collections/nft-collections.tsx
@@ -54,13 +54,17 @@ const NFTCollections: React.FC<NFTCollectionsProps> = ({
     return collections?.length === 0;
   }, [collections]);
 
-  const isEmptyDisplayCollections = useMemo(() => {
-    return collections?.filter((collection) => collection.display).length === 0;
+  const displayCollections = useMemo(() => {
+    return collections?.filter((collection) => collection.display);
   }, [collections]);
 
+  const isEmptyDisplayCollections = useMemo(() => {
+    return displayCollections?.filter((collection) => collection.display).length === 0;
+  }, [displayCollections]);
+
   const sortedCollections = useMemo(() => {
-    if (!Array.isArray(collections)) {
-      return collections;
+    if (!Array.isArray(displayCollections)) {
+      return displayCollections;
     }
 
     if (!Array.isArray(pinnedCollections)) {
@@ -69,16 +73,16 @@ const NFTCollections: React.FC<NFTCollectionsProps> = ({
 
     const pinned = pinnedCollections
       .map((packagePath) =>
-        collections.find((collection) => collection.packagePath === packagePath),
+        displayCollections.find((collection) => collection.packagePath === packagePath),
       )
       .filter((collection) => !!collection) as GRC721CollectionModel[];
 
-    const unpinned = collections.filter(
+    const unpinned = displayCollections.filter(
       (collection) => !pinnedCollections.includes(collection.packagePath),
     );
 
     return [...pinned, ...unpinned];
-  }, [pinnedCollections, collections]);
+  }, [pinnedCollections, displayCollections]);
 
   const exitsPinnedCollections = useCallback(
     (collection: GRC721CollectionModel) => {