Add connect wallet button

src/custom/pages/Claim/ClaimAddress.tsx

@@ -8,12 +8,14 @@ import { ClaimCommonTypes } from './types'
 import useENS from 'hooks/useENS'
 import { useClaimDispatchers, useClaimState } from 'state/claim/hooks'
 import { ClaimStatus } from 'state/claim/actions'
+import { UnsupportedChainIdError, useWeb3React } from '@web3-react/core'
 
 export type ClaimAddressProps = Pick<ClaimCommonTypes, 'account'> & {
   toggleWalletModal: () => void
 }
 
 export default function ClaimAddress({ account, toggleWalletModal }: ClaimAddressProps) {
+  const { error } = useWeb3React()
   const { activeClaimAccount, claimStatus, inputAddress } = useClaimState()
   const { setInputAddress } = useClaimDispatchers()
 
@@ -41,7 +43,11 @@ export default function ClaimAddress({ account, toggleWalletModal }: ClaimAddres
         <i>Note: It is possible to claim for an account, using any wallet/account.</i>
         {!account && (
           <ButtonSecondary onClick={toggleWalletModal}>
-            <Trans>or connect a wallet</Trans>
+            {error instanceof UnsupportedChainIdError ? (
+              <Trans>or connect a wallet in a supported network</Trans>
+            ) : (
+              <Trans>or connect a wallet</Trans>
+            )}
           </ButtonSecondary>
         )}
       </p>

src/custom/pages/Claim/FooterNavButtons.tsx

@@ -71,16 +71,15 @@ export default function FooterNavButtons({
 
   let buttonContent: ReactNode = null
   // Disconnected, show wallet connect
-  if (!account) {
+  if (!account && activeClaimAccount) {
     buttonContent = (
       <ButtonPrimary onClick={toggleWalletModal}>
         <Trans>Connect a wallet</Trans>
       </ButtonPrimary>
     )
   }
-
   // User has no set active claim account and/or has claims, show claim account search
-  if ((!activeClaimAccount || !hasClaims) && claimStatus === ClaimStatus.DEFAULT) {
+  else if (!hasClaims && claimStatus === ClaimStatus.DEFAULT) {
     buttonContent = (
       <>
         <ButtonPrimary disabled={!isInputAddressValid} type="text" onClick={handleCheckClaim}>