Incident Notice Billing Block for React

It is derived. Each charge in CHARGES has an outcome (clean, late or retried) and a fix flag for whether the customer must act. The affected count is the charges whose outcome is not clean and the action count is the ones with fix set, so the sentence under the incident title always agrees with the rows. In your app build the rows from the charges your server made inside the incident window.

Edit WINDOW and UPDATES. Each update has a time, a stage and one sentence. The page does not link to a status page; add one to the incident title if you have it.

Subscribe to updates stays quiet, answers a press with a reason in the status line, until the box is ticked. Once it is subscribed the button reads Subscribed; unticking the box clears that. Nothing is sent: in your app save the choice with the customer's notification settings and email them when a charge in the window needs action.

The subscription, the status messages and the clock. The times are typed in UTC with machine-readable time values for the fixed incident day.

Each charge's status is written out, with a filled or hollow dot as a second cue. The checkbox is named by its sentence, the button is never disabled (it uses aria-disabled and says why), and a polite status message is present from load.

The incident, the charges and the updates stack in one column; the checkbox and the Subscribe button stay together in a bar at the bottom until the panel ends.