feat: lp values

components/Pages/Trade/Incentivize/hooks/useIncentivePoolInfo.ts

@@ -167,7 +167,7 @@ const getPoolFlowData = async (
       const poolAsset = poolAssets.find((asset) => asset.denom === flow.denom)
       const tokenSymbol = poolAsset?.symbol
       const logoURI = poolAsset?.logoURI
-      const price = prices[tokenSymbol]
+      const price = prices[tokenSymbol] || prices[poolAsset.denom]
       return {
         ...flow,
         tokenSymbol,
@@ -235,7 +235,7 @@ export const useIncentivePoolInfo = (
   }, [tokenList, loading, pools, chainId, tokenList?.tokens, config, prices])
 
   const { data: flowPoolData, isLoading } = useQuery(
-    ['apr', currentEpochData, pools, poolAssets],
+    ['apr', currentChainPrefix],
     () => getPoolFlowData(
       client,
       pools,
@@ -251,6 +251,8 @@ export const useIncentivePoolInfo = (
         Boolean(poolAssets) &&
         Boolean(prices) &&
         !isConfigLoading,
+      cacheTime: 1 * 60 * 60 * 1000,
+      staleTime: 10 * 60 * 1000,
     },
   )
   return {

components/Pages/Trade/Incentivize/hooks/useQueryIncentiveContracts.ts

@@ -28,6 +28,8 @@ export const useQueryIncentiveContracts = (cosmWasmClient: CosmWasmClient): Arra
         Boolean(config) &&
         Boolean(config?.incentive_factory) &&
         !isConfigLoading,
+      cacheTime: 1 * 60* 60 * 1000,
+      staleTime: 10 * 60 * 1000,
     },
   )
   return data

components/Pages/Trade/Liquidity/hooks/useCheckIncentiveSnapshots.ts

@@ -34,7 +34,7 @@ export const useCheckIncentiveSnapshots = (cosmWasmClient: CosmWasmClient,
   const epochId = currentEpochData?.currentEpoch?.epoch.id
   const incentiveAddresses = useQueryIncentiveContracts(cosmWasmClient)
   const { data } = useQuery(
-    ['useCheckIncentiveSnapshots', incentiveAddresses, epochId],
+    ['useCheckIncentiveSnapshots', incentiveAddresses],
     async () => await fetchCheckIncentiveSnapshots(
       cosmWasmClient, epochId, incentiveAddresses,
     ),

components/Pages/Trade/Liquidity/hooks/useRewards.ts

@@ -56,9 +56,13 @@ const aggregateRewards = (rewards: RewardData[]): RewardInfo[] => {
     return {
       amount,
       dollarValue: 0,
-      info: isContract
-        ? { token: { contract_addr: id } }
-        : { native_token: { denom: id } },
+      info: {
+        native: null,
+        ...(isContract
+          ? { token: { contract_addr: id } }
+          : { native_token: { denom: id } }
+        )
+      },
     }
   })
 }

components/Pages/Trade/Pools/hooks/usePoolsListQuery.ts

@@ -18,6 +18,7 @@ export type TokenInfo = {
   tags: string[]
   denom: string
   native: boolean
+  traces?: any[]
 }
 
 export type TokenInfoWithReward = TokenInfo & {

hooks/usePrices.ts

@@ -10,7 +10,8 @@ import { useRecoilValue } from 'recoil'
 import { chainState } from 'state/chainState'
 import { convertMicroDenomToDenom } from 'util/conversion/index'
 
-import { getPoolFromAPI } from '../services/useAPI'
+import { getPoolFromAPI, getPricesFromPoolsAPIbyDenom } from '../services/useAPI'
+import { CHAIN_NAMES } from '../constants'
 
 type Params = {
   token: TokenInfo
@@ -93,6 +94,33 @@ const getPrices = async ({
   const prices = {}
   const baseTokenPrice = coingeckoPrices[baseToken.id]?.usd
 
+  const chainTokenMap = new Map<string, Array<{base_denom: string, denom: string}>>()
+
+  for (const token of tokens) {
+    if (!token?.fromRegistry || !token.traces?.length) {
+      continue
+    }
+
+    const ibcTrace = token.traces.find(
+      trace => trace.type === 'ibc' &&
+      CHAIN_NAMES.includes(trace.counterparty.chain_name)
+    )
+
+    if (!ibcTrace) {
+      continue
+    }
+
+    const chainName = ibcTrace.counterparty.chain_name
+    if (!chainTokenMap.has(chainName)) {
+      chainTokenMap.set(chainName, [])
+    }
+
+    chainTokenMap.get(chainName)?.push({
+      base_denom: ibcTrace.counterparty.base_denom,
+      denom: token.denom
+    })
+  }
+
   for (const token of tokens) {
     if (token?.fromRegistry) {
       continue
@@ -131,6 +159,16 @@ const getPrices = async ({
       }
     }
   }
+  for (const chainName of chainTokenMap.keys()) {
+    const tokenPairs = chainTokenMap.get(chainName)
+    for (const { base_denom, denom } of tokenPairs) {
+      const apiPrice = await getPricesFromPoolsAPIbyDenom(base_denom, chainName)
+      if (apiPrice) {
+        prices[denom] = apiPrice.price
+      }
+    }
+  }
+  console.log('prices', prices)
   return prices
 }
 

hooks/useTokenList.ts

@@ -46,7 +46,8 @@ export const useTokenList = () => {
               continue
             }
             const denom = native ? asset.base : asset.address || asset.base
-            const logoURI = asset.logo_URIs?.svg || asset.logo_URIs?.png || asset.images?.[0]?.svg || asset.images?.[0]?.png || ''
+            const logoURI = asset.logo_URIs?.svg || asset.logo_URIs?.png || asset.images?.[0]?.svg || asset.images?.[0]?.png || asset.name.includes("LP") ? "/logos/whale-placeholder.svg" : ""
+            const traces = asset.traces || []
             const tmpAssetOBJ: any = { denom,
               id: asset.coingecko_id || '',
               token_address: asset.address || asset.base,
@@ -57,7 +58,9 @@ export const useTokenList = () => {
               logoURI,
               tags: native ? ['native'] : [''],
               native,
-              fromRegistry: true }
+              fromRegistry: true,
+              traces
+            }
             const res = Array.from(tokenMapBySymbol.values())
             if (denom && !res.find((token) => token.denom === denom)) {
               tokenMapBySymbol.set(asset.symbol, tmpAssetOBJ)

package.json

@@ -23,15 +23,15 @@
     "@cosmjs/encoding": "0.32.2",
     "@cosmjs/launchpad": "0.27.1",
     "@cosmjs/proto-signing": "0.32.2",
-    "@cosmos-kit/cosmostation": "^2.14.5",
-    "@cosmos-kit/galaxy-station": "^2.12.1",
-    "@cosmos-kit/keplr": "^2.14.6",
-    "@cosmos-kit/leap": "^2.14.6",
-    "@cosmos-kit/ninji": "^2.13.6",
-    "@cosmos-kit/okxwallet": "^2.11.5",
-    "@cosmos-kit/react-lite": "^2.15.6",
-    "@cosmos-kit/shell": "^2.13.6",
-    "@cosmos-kit/station": "^2.12.5",
+    "@cosmos-kit/cosmostation": "^2.14.6",
+    "@cosmos-kit/galaxy-station": "^2.13.7",
+    "@cosmos-kit/keplr": "^2.14.7",
+    "@cosmos-kit/leap": "^2.14.7",
+    "@cosmos-kit/ninji": "^2.13.7",
+    "@cosmos-kit/okxwallet": "^2.11.6",
+    "@cosmos-kit/react-lite": "^2.15.8",
+    "@cosmos-kit/shell": "^2.13.7",
+    "@cosmos-kit/station": "^2.12.6",
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
     "@injectivelabs/sdk-ts": "1.14.13",
@@ -42,7 +42,7 @@
     "@typescript-eslint/eslint-plugin": "^6.19.0",
     "@typescript-eslint/parser": "^6.19.0",
     "bignumber.js": "^9.1.2",
-    "chain-registry": "^1.69.103",
+    "chain-registry": "^1.69.123",
     "dayjs": "^1.11.13",
     "eslint-plugin-import-helpers": "^1.3.1",
     "intercept-stdout": "^0.1.2",

services/useAPI.ts

@@ -117,6 +117,34 @@ export const getPricesAPI = async (ids: Array<string>) => {
     return null
   }
 }
+export const getPricesFromPoolsAPI = async (tokenlist: Array<any>, chainName: string) => {
+  try {
+    const response = await fetchWithTimeout(`${await getFastestAPI()}/api/prices/pools/${chainName}`, 20000)
+    const json = JSON.parse(await response.text())
+    let out = []
+    for (const token of tokenlist) {
+      const poolData = json?.data[token?.name] || json?.data[token?.denom] || json?.data[token?.symbol]
+      if (poolData) {
+        out.push(poolData)
+      }
+    }
+    return out
+  } catch (e) {
+    console.log('Unable to fetch -', e)
+    return null
+  }
+}
+
+export const getPricesFromPoolsAPIbyDenom = async (denom: string, chainName: string) => {
+  try {
+    const response = await fetchWithTimeout(`${await getFastestAPI()}/api/prices/pools/${chainName}`, 20000)
+    const json = JSON.parse(await response.text())
+    return json.data.byToken[denom] || null
+  } catch (e) {
+    console.log('Unable to fetch -', e)
+    return null
+  }
+}
 
 export const createEndpointOptions = async (chains: any) => {
   const endpoints: Record<string, any> = {}