From d44b1a97ef40ac43126c265b9717ddb60a9d37c0 Mon Sep 17 00:00:00 2001
From: zzggo <han0303006@gmail.com>
Date: Tue, 18 Feb 2025 20:02:26 +1100
Subject: [PATCH] fixed: remove console log

---
 src/ui/views/NFT/GridTab.tsx    | 27 +++------------------------
 src/ui/views/NftEvm/GridTab.tsx | 12 +++++-------
 2 files changed, 8 insertions(+), 31 deletions(-)

diff --git a/src/ui/views/NFT/GridTab.tsx b/src/ui/views/NFT/GridTab.tsx
index b44e855a..5cebc47a 100644
--- a/src/ui/views/NFT/GridTab.tsx
+++ b/src/ui/views/NFT/GridTab.tsx
@@ -169,17 +169,17 @@ const GridTab = forwardRef((props: GridTabProps, ref) => {
 
   const handleScroll = useCallback(
     (e: Event) => {
+      if (loading) return;
       const target = e.target as HTMLElement;
       const scrollTop = target.scrollTop;
       const direction = scrollTop > lastScrollTop.current ? 'down' : 'up';
 
       if (direction !== scrollDirection) {
-        console.log('🔄 NFT: Scroll direction changed:', direction);
         setScrollDirection(direction);
       }
       lastScrollTop.current = scrollTop;
     },
-    [scrollDirection]
+    [loading, scrollDirection]
   );
 
   useImperativeHandle(ref, () => ({
@@ -192,15 +192,7 @@ const GridTab = forwardRef((props: GridTabProps, ref) => {
   }));
 
   const nextPage = useCallback(async () => {
-    console.log('📥 NFT: Attempting to load next page', {
-      loadingMore,
-      hasMore,
-      currentCount: nfts.length,
-      total,
-    });
-
     if (loadingMore || !hasMore) {
-      console.log('⏭️ NFT: Skipping next page - loading or no more items');
       return;
     }
 
@@ -208,34 +200,21 @@ const GridTab = forwardRef((props: GridTabProps, ref) => {
     const offset = nfts.length;
 
     try {
-      console.log('🔄 NFT: Fetching next page with offset:', offset);
       const response = await usewallet.refreshNft(ownerAddress, offset);
-
-      if (!response || !response.nfts) {
-        console.log('⚠️ NFT: No response for next page');
-        return;
-      }
+      if (!response || !response.nfts) return;
 
       const newList = response.nfts.filter(
         (item) => !nfts.some((nft) => nft.unique_id === item.unique_id)
       );
 
-      console.log('✨ NFT: New items found:', newList.length);
-
       if (newList.length > 0) {
         const mergedList = [...nfts, ...newList];
         setNFTs(mergedList);
         setHasMore(mergedList.length < total);
-        console.log('✅ NFT: Updated list', {
-          newTotal: mergedList.length,
-          hasMore: mergedList.length < total,
-        });
       } else {
         setHasMore(false);
-        console.log('⏹️ NFT: No new items, stopping infinite scroll');
       }
     } catch (e) {
-      console.error('❌ NFT: Next page fetch failed:', e);
       setHasMore(false);
     } finally {
       setLoadingMore(false);
diff --git a/src/ui/views/NftEvm/GridTab.tsx b/src/ui/views/NftEvm/GridTab.tsx
index f1abedbb..c65196d3 100644
--- a/src/ui/views/NftEvm/GridTab.tsx
+++ b/src/ui/views/NftEvm/GridTab.tsx
@@ -174,7 +174,6 @@ const GridTab = forwardRef((props: GridTabProps, ref) => {
       const direction = scrollTop > lastScrollTop.current ? 'down' : 'up';
 
       if (direction !== scrollDirection) {
-        console.log('🔄 EVM: Scroll direction changed:', direction);
         setScrollDirection(direction);
       }
       lastScrollTop.current = scrollTop;
@@ -191,14 +190,14 @@ const GridTab = forwardRef((props: GridTabProps, ref) => {
     },
   }));
 
-  const nextPage = async () => {
-    if (loadingMore) {
+  const nextPage = useCallback(async () => {
+    if (loadingMore || !hasMore) {
       return;
     }
 
     setLoadingMore(true);
     const offset = nfts.length;
-    // pageIndex * 24;
+
     try {
       const list = await usewallet.openapi.EvmNFTList(ownerAddress);
       const newList: any[] = [];
@@ -210,12 +209,11 @@ const GridTab = forwardRef((props: GridTabProps, ref) => {
       });
       const mergedList = [...nfts, ...newList];
       setNFTs(mergedList);
-      const hasMore = mergedList.length > 0 && mergedList.length < total;
-      setHasMore(hasMore);
+      setHasMore(mergedList.length < total);
     } finally {
       setLoadingMore(false);
     }
-  };
+  }, [loadingMore, hasMore, nfts, ownerAddress, total, usewallet]);
 
   const { setCount } = props;