Affiliate issues

[ramirotw]

Summary

Fixes #1570 #1512 #1572

I grouped some small fixes into a single PR to simplify testing.

[github-actions]

• 🔭 GP Swap: Gnosis Protocol v2 Swap UI

[elena-zh]

Related to #1512 :

1. Great idea to display the message inside the section. As it is displayed inside, so it would be nice to remove close icon (as it is not a banner)
2. Then, I'd rewrite the message to 'Profile page data is available for Mainnet only. Please change the network to see it.' (not a priority and might be skipped if it looks fine to everyone)
3. Important: profile data sections are missing in the mobile view when a user is not in the Mainnet
   
   
   

[ramirotw]

@elena-zh all 3 issues should be fixed

• Great idea to display the message inside the section. As it is displayed inside, so it would be nice to remove close icon (as it is not a banner)
• Then, I'd rewrite the message to 'Profile page data is available for Mainnet only. Please change the network to see it.' (not a priority and might be skipped if it looks fine to everyone)
• Important: profile data sections are missing in the mobile view when a user is not in the Mainnet

[elena-zh]

I think it would be nice to add boarder-radius for this warning area, and make text center-aligned.
WDYT, @alfetopito , @alongoni , @ramirotw ?
If needed, I can create a separate issue for this.

[elena-zh]

Referral link validation works fine.
However, I have found something like a cache issue: the banner remains to be displayed when past a correct link after an incorrect one:
https://watch.screencastify.com/v/Em5kFzidR9VzSxlh8h3D

@ramirotw , could you please take a look?

Besides, nothing is displayed when referral part is empty. Are we OK to leave it as it is?

[alongoni]

I think it would be nice to add boarder-radius for this warning area, and make text center-aligned. WDYT, @alfetopito , @alongoni , @ramirotw ? If needed, I can create a separate issue for this.

I'm agree! E.g.: we can add border-radius: 14px

[alfetopito]

Minor comment

Otherwise looks good.

And would love the rounded banner when inside the profile tab

[elena-zh]

Changes LGTM, however, I have created to minor related issues:

• [Affiliate] Delete an info about an invalid referral code from the localstorage #1749 [Affiliate] Delete an info about an invalid referral code from the localstorage
• [Affiliate] Remove '?referral=' from the link when a user follows a link with an empty referral code #1750 Remove '?referral=' from the link when a user follows a link with an empty referral code (very-very trivial priority)