2062482 - Stocks widget: add a Markets/Watchlist list dropdown

Status: RESOLVED FIXED

(Firefox :: New Tab Page, enhancement, P1)

Description

[Nina Pypchenko [:nina-py]]

Replace the static "Stocks" title in the New Tab Stocks widget with a dropdown that lets people switch between two lists:

• Markets (default) - the current set of ETFs.
• Watchlist —-the user's own picks. Its body stays blank for now; no copy is needed until people can add tickers to a watchlist.

Switching lists should be recorded as widget telemetry, and the widget's accessible name should stay "Stocks".

Implement this design from Figma: https://www.figma.com/design/i8wWurQ8yn9y5hCjnf8BYu/HNT---Nova?node-id=1855-228362&m=dev

Comment 1

[Nina Pypchenko [:nina-py]]

Attachment: Bug 2062482 - Add a Markets/Watchlist list dropdown to the Stocks widget

Replace the static "Stocks" title with a dropdown so people can switch the
widget between two lists:

• Markets (default): the set of stocks shown today.
• Watchlist: the user's own picks. It stays empty for now, until a later bug
  lets people add tickers to it.

The dropdown shows the current list's name and marks the selected list with a
checkmark. Screen readers still announce the widget as "Stocks".

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/0d154b68efff
https://hg.mozilla.org/integration/autoland/rev/1fb41258b90c
Add a Markets/Watchlist list dropdown to the Stocks widget r=fluent-reviewers,bolsson,reemhamz

Comment 3

[Serban Stanca [:SerbanS]]

https://hg.mozilla.org/mozilla-central/rev/1fb41258b90c