chore: Use same loading indicator for lp positions

pancakeswap · Jan 6, 2025 · b78adb8 · b78adb8
1 parent 54d709a
commit b78adb8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/apps/web/src/state/farmsV4/state/accountPositions/hooks/useAccountStableLpDetails.ts b/apps/web/src/state/farmsV4/state/accountPositions/hooks/useAccountStableLpDetails.ts
@@ -10,7 +10,7 @@ import { useLatestTxReceipt } from './useLatestTxReceipt'
 export const useAccountStableLpDetails = (chainIds: number[], account?: Address | null) => {
   const [latestTxReceipt] = useLatestTxReceipt()
 
-  const { data, isPending } = useQuery<StableLPDetail[], Error>({
+  const { data, isPending, isLoading } = useQuery<StableLPDetail[], Error>({
     queryKey: ['accountStableLpBalance', account, chainIds.join(','), latestTxReceipt?.blockHash],
     // @todo @ChefJerry add signal
     queryFn: async () => {
@@ -42,7 +42,7 @@ export const useAccountStableLpDetails = (chainIds: number[], account?: Address
   return useMemo(
     () => ({
       data: data ?? [],
-      pending: isPending,
+      pending: isPending || isLoading,
     }),
     [data, isPending],
   )

diff --git a/apps/web/src/state/farmsV4/state/accountPositions/hooks/useAccountV2LpDetails.ts b/apps/web/src/state/farmsV4/state/accountPositions/hooks/useAccountV2LpDetails.ts
@@ -44,7 +44,7 @@ export const useAccountV2LpDetails = (chainIds: number[], account?: Address | nu
 
   const [latestTxReceipt] = useLatestTxReceipt()
 
-  const { data, isFetching, isLoading } = useQuery<V2LPDetail[], Error>({
+  const { data, isPending, isLoading } = useQuery<V2LPDetail[], Error>({
     queryKey: ['accountV2LpDetails', account, chainIds.join('-'), totalTokenPairCount, latestTxReceipt?.blockHash],
     queryFn: async () => {
       if (!account || !lpTokensByChain) return []
@@ -73,8 +73,8 @@ export const useAccountV2LpDetails = (chainIds: number[], account?: Address | nu
   return useMemo(
     () => ({
       data: data ?? [],
-      pending: isLoading || isFetching,
+      pending: isLoading || isPending,
     }),
-    [data, isLoading, isFetching],
+    [data, isLoading, isPending],
   )
 }
diff --git a/apps/web/src/state/farmsV4/state/accountPositions/hooks/useAccountV3Positions.ts b/apps/web/src/state/farmsV4/state/accountPositions/hooks/useAccountV3Positions.ts
@@ -9,7 +9,7 @@ import { useLatestTxReceipt } from './useLatestTxReceipt'
 export const useAccountV3Positions = (chainIds: number[], account?: Address | null) => {
   const [latestTxReceipt] = useLatestTxReceipt()
 
-  const { data, isPending } = useQuery<PositionDetail[], Error>({
+  const { data, isPending, isLoading } = useQuery<PositionDetail[], Error>({
     queryKey: ['accountV3Positions', account, chainIds.join('-'), latestTxReceipt?.blockHash],
     // @todo @ChefJerry add signal
     queryFn: async () => {
@@ -39,7 +39,7 @@ export const useAccountV3Positions = (chainIds: number[], account?: Address | nu
   return useMemo(
     () => ({
       data: data ?? [],
-      pending: isPending,
+      pending: isPending || isLoading,
     }),
     [data, isPending],
   )