diff --git a/src/custom/pages/Claim/ClaimingStatus.tsx b/src/custom/pages/Claim/ClaimingStatus.tsx index 9aade0640..de10e8b4b 100644 --- a/src/custom/pages/Claim/ClaimingStatus.tsx +++ b/src/custom/pages/Claim/ClaimingStatus.tsx @@ -6,10 +6,13 @@ import { useActiveWeb3React } from 'hooks/web3' import CowProtocolLogo from 'components/CowProtocolLogo' import { useAllClaimingTransactions } from 'state/enhancedTransactions/hooks' import { useMemo } from 'react' +import { Link } from 'react-router-dom' +import { ExplorerLink } from 'components/ExplorerLink' import { EnhancedTransactionLink } from 'components/EnhancedTransactionLink' +import { ExplorerDataType } from 'utils/getExplorerLink' export default function ClaimingStatus() { - const { chainId } = useActiveWeb3React() + const { chainId, account } = useActiveWeb3React() const { activeClaimAccount, claimStatus, claimedAmount } = useClaimState() const allClaimTxs = useAllClaimingTransactions() @@ -22,8 +25,9 @@ export default function ClaimingStatus() { const isConfirmed = claimStatus === ClaimStatus.CONFIRMED const isAttempting = claimStatus === ClaimStatus.ATTEMPTING const isSubmitted = claimStatus === ClaimStatus.SUBMITTED + const isSelfClaiming = account === activeClaimAccount - if (!activeClaimAccount || claimStatus === ClaimStatus.DEFAULT) return null + if (!account || !activeClaimAccount || claimStatus === ClaimStatus.DEFAULT) return null return ( @@ -56,6 +60,16 @@ export default function ClaimingStatus() { 🐄🎉 + {isSelfClaiming ? ( + + You can see your vCOW balance in the Profile + + ) : ( + + You have just claimed on behalf of{' '} + + + )} )} {isAttempting && ( diff --git a/src/custom/pages/Claim/InvestmentFlow/index.tsx b/src/custom/pages/Claim/InvestmentFlow/index.tsx index c24daf667..f6f5e954a 100644 --- a/src/custom/pages/Claim/InvestmentFlow/index.tsx +++ b/src/custom/pages/Claim/InvestmentFlow/index.tsx @@ -57,8 +57,8 @@ export type InvestOptionProps = { claim: EnhancedUserClaimData optionIndex: number approveData: - | { approveState: ApprovalState; approveCallback: (optionalParams?: OptionalApproveCallbackParams) => void } - | undefined + | { approveState: ApprovalState; approveCallback: (optionalParams?: OptionalApproveCallbackParams) => void } + | undefined } type InvestmentFlowProps = Pick & { @@ -198,8 +198,8 @@ export default function InvestmentFlow({ hasClaims, isAirdropOnly, ...tokenAppro {investFlowStep === 0 ? 'Claim and invest' : investFlowStep === 1 - ? 'Set allowance to Buy vCOW' - : 'Confirm transaction to claim all vCOW'} + ? 'Set allowance to Buy vCOW' + : 'Confirm transaction to claim all vCOW'} {investFlowStep === 0 && (