Check pending claims for disconnected accounts (#2341)

* Check pending claims for disconnected accounts * Updated claims available banner message to indicate it's the checked account * Checking only the active claim address for other chains Co-authored-by: Leandro <[email protected]>
gnosis · Jan 28, 2022 · bfd6846 · bfd6846
1 parent 519ee51
commit bfd6846
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/custom/pages/Claim/ClaimsOnOtherChainsBanner.tsx b/src/custom/pages/Claim/ClaimsOnOtherChainsBanner.tsx
@@ -72,7 +72,7 @@ function ClaimsOnOtherChainsBanner({ className }: { className?: string }) {
     <NotificationBanner className={className} isVisible id={account ?? undefined} level="info">
       <Wrapper>
         <AlertTriangle />
-        <div>You have other available claims on</div>
+        <div>This account has available claims on</div>
         <div>
           {chainsWithClaims.map((chainId, index, array) => {
             const changeNetworksCallback = () => callback(chainId)

diff --git a/src/custom/state/claim/updater.tsx b/src/custom/state/claim/updater.tsx
@@ -1,14 +1,13 @@
 import { useEffect } from 'react'
 import { SupportedChainId } from 'constants/chains'
-import { useActiveWeb3React } from 'hooks/web3'
-import { useClaimDispatchers, useUserAvailableClaims } from './hooks'
+import { useClaimDispatchers, useClaimState, useUserAvailableClaims } from './hooks'
 
 export default function Updater() {
-  const { account } = useActiveWeb3React()
+  const { activeClaimAccount } = useClaimState()
   const { setHasClaimsOnOtherChains } = useClaimDispatchers()
 
-  const mainnetAvailable = useUserAvailableClaims(account, SupportedChainId.MAINNET)
-  const gnosisAvailable = useUserAvailableClaims(account, SupportedChainId.XDAI)
+  const mainnetAvailable = useUserAvailableClaims(activeClaimAccount, SupportedChainId.MAINNET)
+  const gnosisAvailable = useUserAvailableClaims(activeClaimAccount, SupportedChainId.XDAI)
 
   useEffect(() => {
     setHasClaimsOnOtherChains({ chain: SupportedChainId.MAINNET, hasClaims: mainnetAvailable.length > 0 })