1844833 - Create "No network connection" warning component

Status: VERIFIED FIXED

(Firefox Graveyard :: Shopping, task, P2)

Description

[kpatenio]

Attachment: Capture d’écran, le 2023-07-21 à 10.28.00.png

We should notify users if a connection cannot be established with the backend.

Figma link: https://www.figma.com/file/Wu4kaHSfKSQnzkym7qek3R/Shopping-Experience-MVP?node-id=2530%3A87540

For the time being, we can utilize the existing message-bar. We have Bug 1844783 in file for converting the error components to the newer message-bar once it's ready.

a11y annotations should be consistent across the different error states, though not all requirements will be satisfied with the existing message-bar. See figma: https://www.figma.com/file/Wu4kaHSfKSQnzkym7qek3R/Shopping-Experience-MVP?node-id=35%3A10796.

Comment 1

[kpatenio]

There are ways to listen for network connection. Listening for offline-status-changed is an example - https://searchfox.org/mozilla-central/search?q=NETWORK_STATUS_CHANGED&path=&case=false&regexp=false and https://searchfox.org/mozilla-central/search?path=&q=offline-status-changed.

Comment 2

[kpatenio]

I nerd-sniped a little too hard when looking at this ticket, so I might as well assign myself to it

Comment 3

[kpatenio]

Attachment: Bug 1844833 - create no network connection warning. r=#shopping-reviewers!

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/51b95e9b0540
create no network connection warning. r=shopping-reviewers,fluent-reviewers,Gijs,flod

Comment 5

[Cosmin Sabou [:CosminS]]

https://hg.mozilla.org/mozilla-central/rev/51b95e9b0540

Comment 6

[Rares Doghi, Desktop QA]

Verified as fixed in our latest 119.0a1 (2023-08-28).