refactor: only refetch super like count if its already fetched before

src/components/utils/datahub/active-staking.ts

@@ -17,7 +17,7 @@ import { PostRewards } from 'src/rtk/features/activeStaking/postRewardSlice'
 import { RewardHistory } from 'src/rtk/features/activeStaking/rewardHistorySlice'
 import { fetchRewardReport, RewardReport } from 'src/rtk/features/activeStaking/rewardReportSlice'
 import {
-  fetchSuperLikeCounts,
+  invalidateSuperLikeCounts,
   SuperLikeCount,
 } from 'src/rtk/features/activeStaking/superLikeCountsSlice'
 import {
@@ -395,7 +395,7 @@ async function processSubscriptionEvent(
   const dispatch = getStoreDispatcher()
   if (!dispatch) throw new Error('Dispatcher not exist')
 
-  dispatch(fetchSuperLikeCounts({ postIds: [post.persistentId], reload: true }))
+  dispatch(invalidateSuperLikeCounts({ postId: post.persistentId }))
   if (staker.id === myAddress) {
     dispatch(fetchRewardReport({ address: myAddress, reload: true }))
     dispatch(

src/rtk/features/activeStaking/superLikeCountsSlice.ts

@@ -1,5 +1,6 @@
-import { createEntityAdapter, createSlice } from '@reduxjs/toolkit'
+import { createAsyncThunk, createEntityAdapter, createSlice } from '@reduxjs/toolkit'
 import { getSuperLikeCounts } from 'src/components/utils/datahub/active-staking'
+import { ThunkApiConfig } from 'src/rtk/app/helpers'
 import { RootState } from 'src/rtk/app/rootReducer'
 import { createSimpleManyFetchWrapper } from 'src/rtk/app/wrappers'
 
@@ -35,6 +36,16 @@ export const fetchSuperLikeCounts = createSimpleManyFetchWrapper<
   },
 })
 
+export const invalidateSuperLikeCounts = createAsyncThunk<void, { postId: string }, ThunkApiConfig>(
+  `${sliceName}/invalidate`,
+  async ({ postId }, { getState, dispatch }) => {
+    const state = selectPostSuperLikeCount(getState(), postId)
+    if (!state) return
+
+    await dispatch(fetchSuperLikeCounts({ postIds: [postId], reload: true }))
+  },
+)
+
 const slice = createSlice({
   name: sliceName,
   initialState: adapter.getInitialState(),