Update reward info fetching and improve pool data handling (#1169)

oraidex · Mar 3, 2025 · 3f3deff · 3f3deff
1 parent 740bb68
commit 3f3deff
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/pages/Pools/hooks/hooks.ts b/src/pages/Pools/hooks/hooks.ts
@@ -271,7 +271,7 @@ export const useGetRewardInfo = ({ stakerAddr, poolInfo }: RewardInfoQueryType)
   const { data: totalRewardInfoData, refetch: refetchRewardInfo } = useQuery(
     ['reward-info', stakerAddr, poolInfo],
     () => fetchRewardInfoV3(stakerAddr, poolInfo?.liquidityAddr),
-    { enabled: !!stakerAddr, refetchOnWindowFocus: true }
+    { enabled: !!stakerAddr, refetchOnWindowFocus: false }
   );
 
   return { totalRewardInfoData, refetchRewardInfo };
@@ -308,7 +308,7 @@ export const getStatisticData = (data: PoolInfoResponse[]) => {
 };
 
 export const getClaimableInfoByPool = ({ pool, totalRewardInfoData }) => {
-  const rewardPerSecInfoData = JSON.parse(pool.rewardPerSec);
+  const rewardPerSecInfoData = JSON.parse(pool.rewardPerSec ?? '{}');
 
   const currentPoolReward = totalRewardInfoData?.reward_infos?.find((reward) =>
     isEqual(reward.staking_token, pool.liquidityAddr)

diff --git a/src/pages/Pools/index.tsx b/src/pages/Pools/index.tsx
@@ -3,7 +3,7 @@ import { isMobile } from '@walletconnect/browser-utils';
 import useConfigReducer from 'hooks/useConfigReducer';
 import useTheme from 'hooks/useTheme';
 import isEqual from 'lodash/isEqual';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { PoolInfoResponse } from 'types/pool';
 import NewTokenModal from './NewTokenModal/NewTokenModal';
 import { Filter } from './components/Filter';
@@ -171,9 +171,9 @@ const Pools: React.FC<{}> = () => {
       <div>
         <Filter setFilteredPools={setFilteredPools} pools={pools} setIsOpenNewTokenModal={setIsOpenNewTokenModal} />
         {mobileMode ? (
-          <ListPoolsMobile poolTableData={poolTableData} generateIcon={generateIcon} />
+          <ListPoolsMobile poolTableData={address ? poolTableData : []} generateIcon={generateIcon} />
         ) : (
-          <ListPools poolTableData={poolTableData} generateIcon={generateIcon} />
+          <ListPools poolTableData={address ? poolTableData : []} generateIcon={generateIcon} />
         )}
       </div>
 

diff --git a/src/reducer/onchainTokens.ts b/src/reducer/onchainTokens.ts
@@ -4,7 +4,7 @@ import { TokenItemType } from '@oraichain/oraidex-common';
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { network } from 'initCommon';
 import { getTokenInspectorInstance } from 'initTokenInspector';
-import { addToOraichainTokens, updateAddedTokens, updateAmounts } from './token';
+import { addToOraichainTokens, updateAddedTokens, updateAllOraichainTokens, updateAmounts } from './token';
 
 export interface OnchainTokensState {
   tokens: TokenItemType[];
@@ -82,6 +82,7 @@ export const optimisticUpdateToken = createAsyncThunk(
 
     const tokenItem = onChainTokenToTokenItem(token);
     thunkAPI.dispatch(updateAddedTokens([tokenItem]));
+    thunkAPI.dispatch(addToOraichainTokens([tokenItem]));
 
     return {
       token,