fix: fixed the rewards center (#524)

src/api/incentives/getUnclaimedRewards.ts

@@ -1,20 +1,20 @@
 import { cacheFn, unclaimedRewardsCache } from 'api/cache'
 import { getIncentivesQueryClient } from 'api/cosmwasm-client'
+import { ENV } from 'constants/env'
 import { BNCoin } from 'types/classes/BNCoin'
+import iterateContractQuery from 'utils/iterateContractQuery'
 
-export default async function getUnclaimedRewards(
+export default async function getUnclaimedRewards(accountId: string): Promise<BNCoin[]> {
-  user: string,
-  accountId: string,
-): Promise<BNCoin[]> {
   try {
     const client = await getIncentivesQueryClient()
     const unclaimedRewards = await cacheFn(
       () =>
+        iterateContractQuery(() =>
           client.userUnclaimedRewards({
-          user,
+            user: ENV.ADDRESS_CREDIT_MANAGER,
             accountId,
-          limit: 100,
           }),
+        ),
       unclaimedRewardsCache,
       `incentives/${accountId}`,
       60,

src/components/RewardsCenter.tsx

@@ -31,10 +31,10 @@ const renderIncentives = (unclaimedRewards: BNCoin[]) => {
     const asset = ASSETS.find(byDenom(reward.denom))
     if (!asset) return null
     return (
-      <>
+      <div className='w-full' key={index}>
         {index !== 0 && <Divider />}
         <AssetBalanceRow key={reward.denom} coin={reward} asset={asset} />
-      </>
+      </div>
     )
   })
 }
@@ -109,7 +109,7 @@ export default function RewardsCenter() {
               <>
                 <Button
                   variant='solid'
-                  color='secondary'
+                  color='tertiary'
                   className='w-full py-2'
                   showProgressIndicator={isConfirming}
                   text={'Claim total account rewards'}

src/hooks/useUnclaimedRewards.tsx

@@ -1,22 +1,15 @@
 import useSWR from 'swr'
 
 import getUnclaimedRewards from 'api/incentives/getUnclaimedRewards'
-import useCurrentAccount from 'hooks/useCurrentAccount'
+import useAccountId from 'hooks/useAccountId'
-import useStore from 'store'
 import { BNCoin } from 'types/classes/BNCoin'
 
 export default function useUserUnclaimedRewards() {
-  const user = useStore((s) => s.address)
+  const accountId = useAccountId()
-  const account = useCurrentAccount()
 
-  return useSWR(
+  return useSWR(`userUnclaimedRewards-${accountId}`, () => getUnclaimedRewards(accountId ?? ''), {
-    `userUnclaimedRewards-${account?.id}`,
-    () => getUnclaimedRewards(user ?? '', account?.id ?? ''),
-    {
     fallbackData: [] as BNCoin[],
-      refreshInterval: 10_000,
+    isPaused: () => !accountId,
-      isPaused: () => !account?.id || !user,
     revalidateOnFocus: false,
-    },
+  })
-  )
 }