fix: filter open nodes before rendering

session-foundation · Dec 30, 2024 · fed71f1 · fed71f1
1 parent 17632c9
commit fed71f1
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/apps/staking/app/stake/OpenNodes.tsx b/apps/staking/app/stake/OpenNodes.tsx
@@ -48,17 +48,20 @@ export default function OpenNodes() {
       'bls_keys' in blsKeysData && Array.isArray(blsKeysData.bls_keys) ? blsKeysData.bls_keys : [];
     return new Set(blsKeysArray);
   }, [blsKeysData]);
-  console.log('blsKeys', blsKeys);
+
+  const filteredContracts = useMemo(() => {
+    if (!contracts) return [];
+    return contracts
+      .filter(({ status }) => status === CONTRIBUTION_CONTRACT_STATUS.OpenForPublicContrib)
+      .filter(({ pubkey_bls }) => !blsKeys.has(pubkey_bls.slice(2)));
+  }, [contracts, blsKeys]);
 
   return isError ? (
     <ErrorMessage refetch={refetch} />
   ) : isLoadingContracts || isLoadingBlsKeys ? (
     <NodesListSkeleton />
-  ) : contracts?.length ? (
-    contracts
-      .filter(({ status }) => status === CONTRIBUTION_CONTRACT_STATUS.OpenForPublicContrib)
-      .filter(({ pubkey_bls }) => !blsKeys.has(pubkey_bls.slice(2)))
-      .map((contract) => <OpenNodeCard key={contract.address} contract={contract} />)
+  ) : filteredContracts?.length ? (
+    filteredContracts.map((contract) => <OpenNodeCard key={contract.address} contract={contract} />)
   ) : (
     <NoNodes />
   );