fix: get debank history by page (#8824)

* fix: get debank history by page * refactor: change max page size to 99 --------- Co-authored-by: guanbinrui <guanbinrui@dimension.im>
DimensionDev · Mar 1, 2023 · 9acf08d · 9acf08d
1 parent f597344
commit 9acf08d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/packages/mask/src/plugins/Tips/hooks/useProvedWallets.ts b/packages/mask/src/plugins/Tips/hooks/useProvedWallets.ts
@@ -1,11 +1,11 @@
 import { useEffect } from 'react'
 import { useAsyncRetry } from 'react-use'
 import { head } from 'lodash-es'
+import type { AsyncStateRetry } from 'react-use/lib/useAsyncRetry.js'
 import { BindingProof, ECKeyIdentifier, EMPTY_LIST, NextIDPlatform } from '@masknet/shared-base'
 import { useValueRef } from '@masknet/shared-base-ui'
 import Services from '../../../extension/service.js'
 import { currentPersonaIdentifier } from '../../../../shared/legacy-settings/settings.js'
-import type { AsyncStateRetry } from 'react-use/lib/useAsyncRetry.js'
 import { MaskMessages } from '../../../utils/messages.js'
 import { usePersonaProofs } from '@masknet/shared'
 

diff --git a/packages/shared/src/hooks/useIterator.ts b/packages/shared/src/hooks/useIterator.ts
@@ -1,4 +1,5 @@
 import { useCallback, useState } from 'react'
+import { useUpdateEffect } from 'react-use'
 import type { AsyncStateRetry } from 'react-use/lib/useAsyncRetry.js'
 import { EMPTY_LIST } from '@masknet/shared-base'
 
@@ -37,7 +38,6 @@ export function useIterator<T>(
             }
             setDone(true)
         }
-
         setData((pred) => [...pred, ...batchFollowers])
         setLoading(false)
     }, [iterator, done])
@@ -48,6 +48,13 @@ export function useIterator<T>(
         setDone(false)
     }, [])
 
+    useUpdateEffect(() => {
+        if (!iterator) return
+        setData([])
+        setDone(false)
+        setLoading(false)
+    }, [iterator])
+
     if (loading) {
         return {
             retry,

diff --git a/packages/web3-hooks/base/src/useTransactions.ts b/packages/web3-hooks/base/src/useTransactions.ts
@@ -1,9 +1,9 @@
+import { useMemo } from 'react'
 import type { NetworkPluginID } from '@masknet/shared-base'
 import type { Web3Helper } from '@masknet/web3-helpers'
 import { useChainContext } from './useContext.js'
 import { useWeb3Hub } from './useWeb3Hub.js'
 import { pageableToIterator } from '@masknet/web3-shared-base'
-import { useMemo } from 'react'
 
 export function useTransactions<S extends 'all' | void = void, T extends NetworkPluginID = NetworkPluginID>(
     pluginID?: NetworkPluginID,
@@ -12,10 +12,13 @@ export function useTransactions<S extends 'all' | void = void, T extends Network
     const { account, chainId } = useChainContext()
     const hub = useWeb3Hub(pluginID, options)
     return useMemo(() => {
-        return pageableToIterator(async (indicator) => {
-            return hub?.getTransactions(options?.chainId ?? chainId, options?.account ?? account, {
-                indicator,
-            })
-        })
-    }, [account, chainId, hub])
+        return pageableToIterator(
+            async (indicator) => {
+                return hub?.getTransactions(options?.chainId ?? chainId, options?.account ?? account, {
+                    indicator,
+                })
+            },
+            { maxSize: 99 },
+        )
+    }, [account, chainId, hub, options?.chainId, options?.account])
 }