Domains: Move GSuite TOS notice to domain card

[eltongo]

Changes proposed in this Pull Request

This moves the GSuite TOS notice to the domain card to have a similar look and feel to the rest of domain notices.

Single email address:

Multiple email addresses:

Testing instructions

• Purchase G Suite for a mapped or registered domain of yours
• Verify that one of the messages from the screenshots above is shown according to the number of email addresses
• Make sure the 'Get started' button works as expected

[matticbot]

Test live: https://calypso.live/?branch=update/email-config-status

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

Sections (~868 bytes added 📈 [gzipped])

name     parsed_size           gzip_size
domains      +1896 B  (+0.2%)     +376 B  (+0.2%)
plans         +979 B  (+0.2%)     +246 B  (+0.2%)
email         +979 B  (+0.3%)     +246 B  (+0.3%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~246 bytes added 📈 [gzipped])

name                                              parsed_size           gzip_size
async-load-my-sites-current-site-domain-warnings       +979 B  (+1.7%)     +246 B  (+1.6%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[fditrapani]

Tested and it works great! Thank you.

[stephanethomas]

I gave it a try, and it worked fine. I just wanted to mention that these notices have a different severity (red versus orange) and copy (urgent versus average priority) everywhere else:

Urgent! To activate your email email@example.com, click "Finish Setup".

Do we have plans to make all those notices more consistent?

[fditrapani]

Do we have plans to make all those notices more consistent?

Thanks for bringing this up @stephanethomas. We do have plans to update this, and make it consistent, in the new domain manager. If you come across any other instances do you mind letting one of us know or adding an issue to Asana?

[a8ci18n]

This Pull Request is now available for translation here: https://translate.wordpress.com/deliverables/3914103

Thank you @eltongo for including a screenshot in the description! This is really helpful for our translators.

[stephanethomas]

We do have plans to update this, and make it consistent, in the new domain manager. If you come across any other instances do you mind letting one of us know or adding an issue to Asana?

Excellent. We display those 'Finish Setup' notices in the sidebar as well as on the My Plan, Domains and Email pages. PaZD23-kS-p2 has screenshots for each of them.

[fditrapani]

Thanks Stéphane! I took another look through these and considering some other updates that are coming down the pipe with notifications, I wonder if we'd be better off not touching them for now. I'll create an issue to update the colours and copy on the domain screen to match everything else to minimize the update and perhaps revisit this messaging as a whole down the line.

[a8ci18n]

This Pull Request is now available for translation here: https://translate.wordpress.com/deliverables/3914103

Thank you @eltongo for including a screenshot in the description! This is really helpful for our translators.

[a8ci18n]

Translation for this Pull Request has now been finished.