diff --git a/src/custom/pages/Claim/CanUserClaimMessage.tsx b/src/custom/pages/Claim/CanUserClaimMessage.tsx index 1b006af29..f7078d93d 100644 --- a/src/custom/pages/Claim/CanUserClaimMessage.tsx +++ b/src/custom/pages/Claim/CanUserClaimMessage.tsx @@ -3,16 +3,15 @@ import { ButtonSecondary } from 'components/Button' import { ExternalLink } from 'theme' import { IntroDescription } from './styled' import { ClaimCommonTypes } from './types' -import { useClaimDispatchers, useClaimState, useClaimTimeInfo } from 'state/claim/hooks' +import { useClaimState, useClaimTimeInfo } from 'state/claim/hooks' import { ClaimStatus } from 'state/claim/actions' -type ClaimIntroductionProps = Pick & { +type ClaimIntroductionProps = Pick & { isAirdropOnly: boolean } -export default function CanUserClaimMessage({ hasClaims, isAirdropOnly }: ClaimIntroductionProps) { +export default function CanUserClaimMessage({ hasClaims, isAirdropOnly, handleChangeAccount }: ClaimIntroductionProps) { const { activeClaimAccount, claimStatus } = useClaimState() - const { setActiveClaimAccount } = useClaimDispatchers() const { airdropDeadline } = useClaimTimeInfo() @@ -39,7 +38,7 @@ export default function CanUserClaimMessage({ hasClaims, isAirdropOnly }: ClaimI Unfortunately this account is not eligible for any vCOW claims.
- setActiveClaimAccount('')} padding="0"> + Try another account {' '} or read more about vCOW diff --git a/src/custom/pages/Claim/ClaimNav.tsx b/src/custom/pages/Claim/ClaimNav.tsx index da7f78fcb..da1d85797 100644 --- a/src/custom/pages/Claim/ClaimNav.tsx +++ b/src/custom/pages/Claim/ClaimNav.tsx @@ -14,19 +14,21 @@ export default function ClaimNav({ account, handleChangeAccount }: ClaimNavProps const { setActiveClaimAccount } = useClaimDispatchers() const isAttempting = useMemo(() => claimStatus === ClaimStatus.ATTEMPTING, [claimStatus]) - - if (!activeClaimAccount) return null + const hasActiveAccount = activeClaimAccount !== '' return (
- -

{activeClaimAccountENS ? activeClaimAccountENS : shortenAddress(activeClaimAccount)}

+ {hasActiveAccount && ( + <> + +

{activeClaimAccountENS ? activeClaimAccountENS : shortenAddress(activeClaimAccount)}

+ + )}
- - {!!account && account !== activeClaimAccount && ( + {!!account && (account !== activeClaimAccount || activeClaimAccount === '') && ( setActiveClaimAccount(account)}> Switch to connected account @@ -36,7 +38,7 @@ export default function ClaimNav({ account, handleChangeAccount }: ClaimNavProps * last investment step * attempted claim in progress */} - {(investFlowStep < 2 || !isAttempting) && ( + {hasActiveAccount && (investFlowStep < 2 || !isAttempting) && ( Change account diff --git a/src/custom/pages/Claim/index.tsx b/src/custom/pages/Claim/index.tsx index a21c7739f..773ab9d7d 100644 --- a/src/custom/pages/Claim/index.tsx +++ b/src/custom/pages/Claim/index.tsx @@ -216,7 +216,11 @@ export default function Claim() { {/* Get address/ENS (user not connected yet or opted for checking 'another' account) */} {/* Is Airdrop only (simple) - does user have claims? Show messages dependent on claim state */} - + {/* Try claiming or inform succesfull claim */}