Use airdrop claim end date

[alfetopito]

Summary

Follow up to #2158 adding the claim deadline to airdrop only claims

@biocom please style as you see fit. Feel free to adjust also the format used, or if you want to show the countdown here or not

To Test

1. Load one account that has no PAID claims and has not been claimed yet (list at the bottom)
2. The claim time deadline should be shown (see pic)

Accounts

• 0xa4848704A3B3f61bDC42c40CA964eA7295eD101C
• 0x22F54D79ba28A31686eB22E1b0d7Cf5B9A4D5e99
• 0x43fe583631F9DDd118f904E4897ede77b698E0b0
• 0x96514697A5d343e75AA19eb72594030945f9c25a
• 0x146Ab012B49fAFeD35B4FF645fC48C50fD53eAD6
• 0x8CCbC8E2A82Aa7D7AbE95E455482Df5f197722f0
• 0xE82AA47bAedbE3B2453350f559068e0377dC504b
• 0x7340F8a2601FEeeB51cdED50a47ed7e06C258618
• 0x8E467C5D9a6C388A8AA27D6AA0411d50601409C4
• 0x122671322dd9Cf0F4da2d61F51729C50a6263f55

[github-actions]

• 🔭 GP Swap: Gnosis Protocol v2 Swap UI

[fairlighteth]

Looks good. Couple of things we could review in this PR:

• Should we state time zone? On the countdown time? Either by converting Date to user's local time zone or by stating the deadline in the 'original' timezone. I think showing it in the users local timezone is friendlier.
• Should we use the time format representation, of the user's local machine, by using toLocaleString ? https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString

[fairlighteth]

If end (useAirdropDeadline) has reached the deadline, does hasClaims return false? Just to see what we'd return in different scenarios:

• Deadline ended > but user has unclaimed claims.
• Deadlined ended > User has claimed all claims.
• Deadline still open > but user has claimed all their claims.

[W3stside]

i agree with @biocom - we should create another fn to handle states:

function _getHumanReadableClaimDeadline(end: number) {
    const now = Date.now()

    if (end > now) {
        contextString = 'Unfortunately your claim opportunity time is in the past. Your free claim opportunities expired on'
    } else {
        contextString = 'As an important member of the CowSwap Community you may claim vCOW to be used for voting and governance. You can claim your tokens until'
    }

    return contextString + ' ' + new Date(end).toLocaleString()
}

[anxolin]

If end (useAirdropDeadline) has reached the deadline, does hasClaims return false? Just to see what we'd return in different scenarios:

Yes (eventually). We are currently removing the claimable options from the list. So this flag would be reevaluated every block. Its possible theres a brief moment users see this flag to true, and the time expired. However, is not too important in this case

Deadline ended > but user has unclaimed claims.

hasClaims = false

Deadlined ended > User has claimed all claims.

hasClaims = false

Deadline still open > but user has claimed all their claims.

hasClaims = false

[W3stside]

@anxolin and @alfetopito approving and merging but let's consider #2183

[elena-zh]

Changes under the current PR LGTM!