Affiliate status messages

[alongoni]

Summary

Closes #1343

Change status messages on Affiliate program.

To Test

Go to Profile page
Cases: (I Need help here to complete the steps to reproduce each case)

1. Not connected: (complete steps). You should see the message: "Affiliate program: Please connect your wallet to participate."
2. Own link: copy your referral link and paste it in the browser. You should see the message: "Affiliate program: Your affiliate code works! Any new user following this link would credit you their trading volume."
3. Already traded: (complete steps). You should see the message: "Invalid affiliate code: The currently connected wallet has traded before or is already part of the affiliate program."
4. Active: (complete steps). You should see the message: "Valid affiliate code: You can now do your first trade to join the program."
5. Unsupported network. Change the network (different to Mainnet). You should see the message: "Affiliate program: Only Mainnet is supported. Please change the network to participate."
6. Affiliate program error: Switch off the Internet, and follow a referral link. You should see the message: "There was an error validating existing trades. Please try again."
7. Affiliate program error: (complete steps). You should see the message: "There was an error while uploading the referral document to IPFS. Please try again."

[github-actions]

• 🔭 GP Swap: Gnosis Protocol v2 Swap UI

[alongoni]

@alfetopito Maybe I'm a bit confused, but is this message ok? Not sure about "Invalid affiliate code".

Also I'll need some support from @elena-zh to test all cases.

[alfetopito]

What are you confused about? Do you think the message does not reflect the behaviour?

Messages are not 100% closed, feel free to suggest something different.
I'm sure when BD people review it they will ask for adjustments anyway hehe

[alongoni]

Thanks @alfetopito. I was referring to the comment Elena made later.

a user has already traded without a referral code
a user has already traded with a referral code?

For now I made the simplest way by adding the two cases in one sentence. If we want to split the messages, I can try it (surely with some help 😅 ).

[elena-zh]

Hey @alongoni , could you please mention 'special' cases I need to help you with?
Btw, I have retested existing changes. So here are some issues:

1. it would be nice to remove 'Affiliate program:' from 2 banners
   
   

2. Then, the question to @alfetopito : do we need to separate cases for banners when

• a user has already traded without a referral code
• a user has already traded with a referral code?

IMHO, in order not to make it complicated, it would be nice to have 1 common message something like
Invalid affiliate code: The currently connected wallet has traded before or is already part of the affiliate program.
WDYT?

3. As for invalid code message, I would suggest this one:
   Invalid affiliate code: please double check it and try again
   @alfetopito , does it work for you?

[alfetopito]

Hey @alongoni , could you please mention 'special' cases I need to help you with? Btw, I have retested existing changes. So here are some issues:

1. it would be nice to remove 'Affiliate program:' from 2 banners

👍

2. Then, the question to @alfetopito : do we need to separate cases for banners when

   • a user has already traded without a referral code

   • a user has already traded with a referral code?

IMHO, in order not to make it complicated, it would be nice to have 1 common message something like Invalid affiliate code: The currently connected wallet has traded before or is already part of the affiliate program. WDYT?

On one hand, yes, both fall into the same case of "already traded".
On the other hand, if we can easily tell what's the reason (traded with a referral vs traded without) I don't see why not have 2 different messages for each case.

1. As for invalid code message, I would suggest this one:
   `Invalid affiliate code: please double check it and try again`
   @alfetopito , does it work for you?

👍

[alfetopito]

Suggested change

	OWN_LINK: 'Your affiliate code works! Anyone new user following this link would credit you his trading volume.',
	OWN_LINK: 'Your affiliate code works! Any new user following this link would credit you their trading volume.',

[alfetopito]

Suggested change

	ACTIVE: 'Valid affiliate code: You can now do your first trade, to join the program.',
	ACTIVE: 'Valid affiliate code: You can now do your first trade to join the program.',

[elena-zh]

Changes look good to me, however, I was not able to check cases for an invalid affiliate link as validation is not yet implements (#1570). Also, I was not able to simulate an error with a failed IPFS upload.

For now, I think, It would be nice to add 'try again' to the 'There was an error validating existing trades' and 'There was an error while uploading the referral document to IPFS' messages

Also, it would be great to adjust test on banners in mobile views in order not to exceed the banner's area

[elena-zh]

Hey @alongoni , notification text in banners look good to me in a mobile view.
But what about adding 'Try again' to the error banners?

[elena-zh]

I managed to check the last error message. LGTM now