Password Reset Follow-ups Success Block for React

Nothing was changed, signed out or sent. There is no password field here (choosing the password is the reset form's job), and the three switches only change this page and the sentence under them. To wire it, start START from the account's real settings, send the three choices to your backend when the person signs in, and fill the account, the time and the device list from the reset.

From the switches. summaryOf lists what is on ("set up two-step sign-in, sign out 3 other devices, and email you about new sign-ins"), or says it would do nothing more when all three are off. It uses "would" because the demo does nothing, and the polite status message speaks the new sentence after every change.

Signing the other devices out is the usual thing to do after a reset, so it starts on and the other two follow the account. Change START for your own defaults. The line under it names the devices that are still signed in and counts them from the typed DEVICES list.

Each switch is named by its own words ("Sign out my other devices") with its explanation next to it, and the row count ("2 of 3 on") is a text summary of their state. The on state is a solid foreground color, so the Sign in button stays the page's one primary.

It is a Shine Button used as a link to your own sign-in route. It is a Shine Button with render set to an a element and nativeButton={false}.

The column is the same, and the Sign in button is pinned to the bottom of the screen and full width while the page scrolls under it, so it is on the first screen. From the small breakpoint up it sits in the flow under the switches.