2015093 - Add a moz-promo to welcome users to the redesign

Status: RESOLVED FIXED

(Firefox :: Settings UI, task)

Description

[Jules Simplicio [:jules]]

We decided to go with a simple moz-promo at the top of settings on the first pane (could we mirror to other panes? nice to have but not essential),
welcoming users back to the redesign and letting them dismiss it through a primary action.

Figma link

Comment 1

[Stuart Colville [:muffinresearch]]

We've agreed for this to go above the heading.

Comment 2

[Mark Kennedy [:mark]]

Attachment: Bug 2015093 - Add new settings redesign promo r=#reusable-components-reviewers-rotation

Comment 3

[Mark Kennedy [:mark]]

A few notes on things to verify for QA

1. Set browser.settings-redesign.enabled pref to true to see the promo on each "new" setting pane (e.g. Home, AI Controls, etc), but it should not show on any of the legacy panes that are going away after the redesign flip (e.g. "General", etc).
2. If browser.settings-redesign.enabled pref is unset or set to false, the promo should never show on any pane.
3. Clicking "Got it" on the promo should hide the promo across all panes and automatically set the browser.settings-redesign.promo.dismissed pref to true.
4. But the promo should show again on all relevant panes if browser.settings-redesign.promo.dismissed pref is unset or set to false.
5. If browser.settings-redesign.promo.dismissed is manually set to true, the promo shouldn't show anywhere, even if browser.settings-redesign.enabled pref is set to true
6. Remember to reload setting page after pref changes. Changing a pref won't immediately reflect the promo change until after a reload.

Comment 4

[Mark Kennedy [:mark]]

Attachment: settings-redesign-promo.png

Attached image of what the promo looks like (browser was in dark-mode when I screenshotted, sorry lol). Figma link is linked in Jules' earlier comment.

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/72a76ed8f7c7
https://hg.mozilla.org/integration/autoland/rev/09aaf0f4a626
Add new settings redesign promo r=fluent-reviewers,tgiles,bolsson,mstriemer,desktop-theme-reviewers

Comment 6

[Atila Butkovits]

https://hg.mozilla.org/mozilla-central/rev/09aaf0f4a626

Comment 7

[Atila Butkovits]

https://hg.mozilla.org/mozilla-central/rev/09aaf0f4a626