perf: Call update cake apr once instead of per farm when initial load

apps/aptos/package.json

@@ -37,7 +37,7 @@
     "@vanilla-extract/recipes": "^0.5.0",
     "bignumber.js": "^9.0.0",
     "dayjs": "^1.11.10",
-    "jotai": "^2.4.3",
+    "jotai": "^2.10.1",
     "lodash": "^4.17.21",
     "next": "catalog:",
     "next-seo": "^5.15.0",

apps/bridge/package.json

@@ -36,7 +36,7 @@
     "@wagmi/core": "^0.10.11",
     "@wormhole-foundation/wormhole-connect": "0.1.7",
     "ethers": "^5.0.0",
-    "jotai": "^2.4.3",
+    "jotai": "^2.10.1",
     "lodash": "^4.17.21",
     "next": "catalog:",
     "next-themes": "^0.2.1",

apps/gamification/package.json

@@ -60,7 +60,7 @@
     "easymde": "2.16.1",
     "graphql": "^16.8.1",
     "graphql-request": "5.0.0",
-    "jotai": "^2.4.3",
+    "jotai": "^2.10.1",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "next": "catalog:",

apps/web/package.json

@@ -109,7 +109,7 @@
     "fast-json-stable-stringify": "^2.1.0",
     "graphql": "^16.8.1",
     "graphql-request": "5.0.0",
-    "jotai": "^2.4.3",
+    "jotai": "^2.10.1",
     "js-cookie": "^3.0.1",
     "lightweight-charts": "^4.0.1",
     "local-storage": "^2.0.0",
@@ -120,7 +120,7 @@
     "next-seo": "^5.15.0",
     "next-themes": "^0.2.1",
     "nuqs": "^1.17.4",
-    "openapi-fetch": "^0.9.7",
+    "openapi-fetch": "^0.12.2",
     "polished": "^4.2.2",
     "qs": "^6.0.0",
     "react": "^18.2.0",

apps/web/src/hooks/useUserAcknowledgement.ts

@@ -6,7 +6,7 @@ import { useAccount } from 'wagmi'
 export function useUserAcknowledgement(id: string) {
   const { address } = useAccount()
   const atom = useMemo(
-    () => atomWithStorage(`pcs_user_ack_${id}_${address}`, false, undefined, { unstable_getOnInit: true }),
+    () => atomWithStorage(`pcs_user_ack_${id}_${address}`, false, undefined, { getOnInit: true }),
     [id, address],
   )
   const [userACK, setUserACK] = useAtom(atom)

apps/web/src/hooks/useZksyncAirDropAutoPopup.ts

@@ -8,7 +8,7 @@ const zksyncAutoPopup = atomWithStorage<{ [account: string]: boolean }>(
   'pcs:zksync-airdrop-auto-popup-v2',
   {},
   undefined,
-  { unstable_getOnInit: true },
+  { getOnInit: true },
 )
 
 const useAutoPopup = (): [boolean, (value: boolean) => void] => {

apps/web/src/pages/usdv.tsx

@@ -10,7 +10,7 @@ import styled from 'styled-components'
 
 import DisclaimerModal from 'components/DisclaimerModal'
 
-const usdvDisclaimer = atomWithStorage('pcs:usdv-disclaimer-accept', false, undefined, { unstable_getOnInit: true })
+const usdvDisclaimer = atomWithStorage('pcs:usdv-disclaimer-accept', false, undefined, { getOnInit: true })
 
 let initialized = false
 

apps/web/src/state/farmsV4/state/accountPositions/fetcher.ts

@@ -12,6 +12,7 @@ import { AppState } from 'state'
 import { safeGetAddress } from 'utils'
 import { publicClient } from 'utils/viem'
 import { Address, erc20Abi, zeroAddress } from 'viem'
+import { getBalanceNumber } from '@pancakeswap/utils/formatBalance'
 import { StablePoolInfo, V2PoolInfo } from '../type'
 import { StableLPDetail, V2LPDetail } from './type'
 
@@ -136,10 +137,7 @@ export const getAccountV2LpDetails = async (
 
   const validLpTokens = lpTokens.filter((token) => token.chainId === chainId)
 
-  const bCakeWrapperAddresses = validReserveTokens.map((tokens) => {
-    const lpAddress = getV2LiquidityToken(tokens).address
-    return getBCakeWrapperAddress(lpAddress, chainId)
-  })
+  const bCakeWrapperAddresses = validLpTokens.map((token) => getBCakeWrapperAddress(token.address, chainId))
 
   const balanceCalls = validLpTokens.map((token) => {
     return {
@@ -152,15 +150,13 @@ export const getAccountV2LpDetails = async (
   const farmingCalls = bCakeWrapperAddresses.reduce(
     (acc, address) => {
       if (!address || address === '0x') return acc
-      return [
-        ...acc,
-        {
-          abi: v2BCakeWrapperABI,
-          address,
-          functionName: 'userInfo',
-          args: [account] as const,
-        } as const,
-      ]
+      acc.push({
+        abi: v2BCakeWrapperABI,
+        address,
+        functionName: 'userInfo',
+        args: [account] as const,
+      })
+      return acc
     },
     [] as Array<{
       abi: typeof v2BCakeWrapperABI
@@ -203,16 +199,26 @@ export const getAccountV2LpDetails = async (
   ])
 
   const farming = bCakeWrapperAddresses.reduce((acc, address) => {
-    if (!address || address === '0x') return [...acc, undefined]
-    const { result } = _farming.shift() ?? { result: undefined }
-    return [...acc, result]
+    if (!address || address === '0x') {
+      acc.push(undefined)
+    } else {
+      const { result } = _farming.shift() ?? { result: undefined }
+      acc.push(result)
+    }
+    return acc
   }, [] as Array<readonly [bigint, bigint, bigint, bigint, bigint] | undefined>)
-
   return balances
     .map((result, index) => {
       const { result: _balance = 0n, status } = result
       // LP not exist
-      if (status === 'failure') return undefined
+      if (status === 'failure') {
+        if (reserves[index].status === 'failure' && totalSupplies[index].status === 'failure') {
+          return undefined
+        }
+        throw new Error(
+          `Mismatch between balances, reserves, and supplies: Token: ${validLpTokens[index].address} Balance (${status}), Reserve (${reserves[index].status}), Supply (${totalSupplies[index].status})`,
+        )
+      }
 
       const nativeBalance = CurrencyAmount.fromRawAmount(validLpTokens[index], _balance)
       const farmingInfo = farming[index]
@@ -221,7 +227,7 @@ export const getAccountV2LpDetails = async (
       let farmingBoostedAmount = CurrencyAmount.fromRawAmount(validLpTokens[index], '0')
       if (farmingInfo) {
         farmingBalance = CurrencyAmount.fromRawAmount(validLpTokens[index], farmingInfo[0].toString())
-        farmingBoosterMultiplier = new BigNumber(Number(farmingInfo[2])).div(1000000000000).toNumber()
+        farmingBoosterMultiplier = getBalanceNumber(new BigNumber(Number(farmingInfo[2])), 12)
         farmingBoostedAmount = CurrencyAmount.fromRawAmount(validLpTokens[index], farmingInfo[3].toString())
       }
       const tokens = validReserveTokens[index]
@@ -256,7 +262,7 @@ export const getAccountV2LpDetails = async (
         protocol: Protocol.V2,
       }
     })
-    .filter((r) => typeof r !== 'undefined') as V2LPDetail[]
+    .filter(Boolean) as V2LPDetail[]
 }
 
 export const getStablePairDetails = async (
@@ -270,7 +276,8 @@ export const getStablePairDetails = async (
   if (!account || !client || !validStablePairs.length) return []
 
   const bCakeWrapperAddresses = validStablePairs.reduce((acc, pair) => {
-    return [...acc, getBCakeWrapperAddress(pair.lpAddress, chainId)]
+    acc.push(getBCakeWrapperAddress(pair.lpAddress, chainId))
+    return acc
   }, [] as Array<Address>)
 
   const balanceCalls = validStablePairs.map((pair) => {

apps/web/src/state/farmsV4/state/accountPositions/hooks/useAccountV2LpDetails.ts

@@ -37,7 +37,6 @@ export const useAccountV2LpDetails = (chainIds: number[], account?: Address | nu
         refetchOnMount: false,
         refetchOnWindowFocus: false,
         refetchOnReconnect: false,
-        refetchInterval: false,
         // Prevents re-fetching while the data is still fresh
         staleTime: SLOW_INTERVAL,
       } satisfies UseQueryOptions<V2LPDetail[]>

apps/web/src/state/farmsV4/state/extendPools/atom.ts

@@ -33,14 +33,17 @@ export const DEFAULT_QUERIES = {
 
 export const extendPoolsQueryAtom = atom<ExtendPoolsQuery>(DEFAULT_QUERIES)
 
-export const extendPoolsAtom = atom([] as PoolInfo[], (get, set, values: PoolInfo[]) => {
-  // remove duplicates pools with farmPoolsAtom
+export const extendPoolsAtom = atom<PoolInfo[]>([])
+
+export const updateExtendPoolsAtom = atom(null, (get, set, values: PoolInfo[]) => {
   const farms = get(farmPoolsAtom)
+  const currentPools = get(extendPoolsAtom)
+
   const newData = values.filter(
     (pool) => !farms.some((farm) => isAddressEqual(farm.lpAddress, pool.lpAddress) && farm.protocol === pool.protocol),
   )
 
-  set(extendPoolsAtom, [...get(extendPoolsAtom), ...newData])
+  set(extendPoolsAtom, [...currentPools, ...newData])
 })
 
 interface PoolsOfPositionType {

apps/web/src/state/farmsV4/state/extendPools/hooks.ts

@@ -1,19 +1,20 @@
 import { Token } from '@pancakeswap/swap-sdk-core'
 import { computePoolAddress, DEPLOYER_ADDRESSES, FeeAmount } from '@pancakeswap/v3-sdk'
 import { useQuery } from '@tanstack/react-query'
-import { useAtom } from 'jotai'
+import { useAtom, useAtomValue, useSetAtom } from 'jotai'
 import memoize from 'lodash/memoize'
 import { useCallback, useState } from 'react'
 import { Address } from 'viem/accounts'
 import type { PoolInfo } from '../type'
-import { DEFAULT_QUERIES, extendPoolsAtom, ExtendPoolsQuery, extendPoolsQueryAtom } from './atom'
+import { DEFAULT_QUERIES, extendPoolsAtom, ExtendPoolsQuery, extendPoolsQueryAtom, updateExtendPoolsAtom } from './atom'
 import { fetchExplorerPoolInfo, fetchExplorerPoolsList } from './fetcher'
 
 const RESET_QUERY_KEYS = ['protocols', 'orderBy', 'chains', 'pools', 'tokens'] as Array<keyof ExtendPoolsQuery>
 
 export const useExtendPools = () => {
   const [query, _setQuery] = useAtom(extendPoolsQueryAtom)
-  const [extendPools, updateExtendPools] = useAtom(extendPoolsAtom)
+  const updateExtendPools = useSetAtom(updateExtendPoolsAtom)
+  const extendPools = useAtomValue(extendPoolsAtom)
   const [pageEnd, setPageEnd] = useState(false)
   const fetchPoolList = useCallback(
     async (newQuery: Partial<ExtendPoolsQuery>) => {

apps/web/src/state/farmsV4/state/farmPools/atom.ts

@@ -2,3 +2,20 @@ import { atom } from 'jotai'
 import { PoolInfo } from '../type'
 
 export const farmPoolsAtom = atom<PoolInfo[]>([])
+
+export const updateFarmPoolAtom = atom(null, (get, set, newPool: PoolInfo) => {
+  const pools = get(farmPoolsAtom)
+  const updatedPools = pools.map((pool) => {
+    const isMatchingPool = newPool.stableSwapAddress
+      ? pool.chainId === newPool.chainId &&
+        pool.lpAddress === newPool.lpAddress &&
+        pool.stableSwapAddress === newPool.stableSwapAddress
+      : pool.chainId === newPool.chainId && pool.lpAddress === newPool.lpAddress
+    if (isMatchingPool) {
+      return newPool
+    }
+    return pool
+  })
+
+  set(farmPoolsAtom, updatedPools)
+})