From 8a9a54d05b521734360418ee52f7f481092c75b0 Mon Sep 17 00:00:00 2001
From: ChefEric <173023571+chef-eric@users.noreply.github.com>
Date: Mon, 30 Sep 2024 10:26:03 +0800
Subject: [PATCH] fix: update the tokenList cache in universal pages (#10753)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!-- start pr-codex -->

## PR-Codex overview
This PR adds a new constant for universal page paths and integrates it
into the `UpdaterByChainId` function to enhance routing checks.

### Detailed summary
- Introduced `UNIVERSAL_PAGE_PATHS` with paths for liquidity pools and
positions in `exchange.ts`.
- Updated the import statement in `updater.ts` to include
`UNIVERSAL_PAGE_PATHS`.
- Modified the `includeListUpdater` logic to check against both
`EXCHANGE_PAGE_PATHS` and `UNIVERSAL_PAGE_PATHS`.
- Adjusted the `queryKey` in the `useQuery` hook to include `chainId`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your
question}`

<!-- end pr-codex -->
---
 apps/web/src/config/constants/exchange.ts | 1 +
 apps/web/src/state/lists/updater.ts       | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/config/constants/exchange.ts b/apps/web/src/config/constants/exchange.ts
index 7cc07418571cd..a70c1270bab97 100644
--- a/apps/web/src/config/constants/exchange.ts
+++ b/apps/web/src/config/constants/exchange.ts
@@ -174,3 +174,4 @@ export const GENERIC_GAS_LIMIT_ORDER_EXECUTION = 500000n
 export const LIMIT_ORDERS_DOCS_URL = 'https://docs.pancakeswap.finance/products/pancakeswap-exchange/limit-orders'
 
 export const EXCHANGE_PAGE_PATHS = ['/swap', '/limit-orders', 'liquidity', '/add', '/find', '/remove', '/stable', '/v2']
+export const UNIVERSAL_PAGE_PATHS = ['/liquidity/pools', '/liquidity/positions']
diff --git a/apps/web/src/state/lists/updater.ts b/apps/web/src/state/lists/updater.ts
index 31864dab8f7b8..d518b070742f8 100644
--- a/apps/web/src/state/lists/updater.ts
+++ b/apps/web/src/state/lists/updater.ts
@@ -1,7 +1,7 @@
 import { getVersionUpgrade, VersionUpgrade } from '@pancakeswap/token-lists'
 import { acceptListUpdate, updateListVersion, useFetchListCallback } from '@pancakeswap/token-lists/react'
 import { useQuery } from '@tanstack/react-query'
-import { EXCHANGE_PAGE_PATHS } from 'config/constants/exchange'
+import { EXCHANGE_PAGE_PATHS, UNIVERSAL_PAGE_PATHS } from 'config/constants/exchange'
 import { UNSUPPORTED_LIST_URLS } from 'config/constants/lists'
 import { useActiveChainId } from 'hooks/useActiveChainId'
 import { useRouter } from 'next/router'
@@ -21,7 +21,7 @@ export function UpdaterByChainId({ chainId }: { chainId: number }): null {
   const [listState, dispatch] = useListState()
   const router = useRouter()
   const includeListUpdater = useMemo(() => {
-    return EXCHANGE_PAGE_PATHS.some((item) => {
+    return [...EXCHANGE_PAGE_PATHS, ...UNIVERSAL_PAGE_PATHS].some((item) => {
       return router.pathname.startsWith(item)
     })
   }, [router.pathname])
@@ -61,7 +61,7 @@ export function UpdaterByChainId({ chainId }: { chainId: number }): null {
   })
 
   useQuery({
-    queryKey: ['token-list'],
+    queryKey: ['token-list', chainId],
 
     queryFn: async () => {
       return Promise.all(