Profile: Buy COW token. Waterfall PR[4]

[fairlighteth]

Summary

• Add the Buy COW internal Link with the outputCurrency parameter using the COW token by chainId.

Note

• Might want to set also the inputCurrency (USDC?) and an amount for quicker action. Or as initially proposed, checking the user's balance and pick a token (if === USDC/WETH/ETH...etc).

[github-actions]

CLA Assistant Lite:
Thank you for your submission, we really appreciate it. Like many open-source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution. You can sign the CLA by just posting a Pull Request Comment same as the below format.

---

I have read the CLA Document and I hereby sign the CLA

---

_{You can retrigger the CLA Action by commenting recheckcla in this Pull Request}

[github-actions]

• 🔭 GP Swap: CoW Protocol v2 Swap UI

[elena-zh]

Hey @fairlighteth , great changes!
However, some my notes:

1. Buy COW link is always underlined
   

2. When I press on the Buy COW button, I see the URL is changed. And its parameters aren't cleared out when refresh the page (I can't say that it is an issue)

3. Important: URL parameters aren't cleared out when I change a network, so a user sees 'Select a token' in From and TO fields
   

The same issue is reproducible when copy and paste the link to a different browser

4. As COW Protocol token list was not added to Rinkeby (Add COW token list to Rinkeby #363), I see this hanging message when I'm redirected to the SWAP page
   
   It is displayed until I manually press on the Import button.
   (Again, not sure if is an issue)

Thanks!

[fairlighteth]

2. When refreshing the page, it will keep the existing URL. I think this is expected behavior. The thing we should be careful about, is if the URL is properly cleared when switching to a different route.

3. This sounds like a valid issue. I think we should reset the URL on network change, in case there are any parameters in the URL. Basically so it routes to the /swap page (for example) and clears out any parameters. Could you create an issue for this and reference this PR?

4. Yes makes sense that this modal is shown. Does the modal work as expected on click of the 'Import' button?

[elena-zh]

@fairlighteth

Yes makes sense that this modal is shown. Does the modal work as expected on click of the 'Import' button?

Yes, it works fine then. I think, the issue will not be reproducible when we will add Cow protocol token list to Rinkeby.

This sounds like a valid issue. I think we should reset the URL on network change, in case there are any parameters in the URL. Basically so it routes to the /swap page (for example) and clears out any parameters. Could you create an issue for this and reference this PR?

I have created #386 issue for this.

Thank you!

[elena-zh]

Approved!

[fairlighteth]

Tested and addressed comments. Continuing merging. Feel free to review post-merge.

[anxolin]

approve