Ride-The-Lightning/RTL-Design

Two Factor Authentication Settings

Closed this issue · 2 comments

ShahanaFarooqui commented

Related Issue: Ride-The-Lightning/RTL#210
Related to PR: Ride-The-Lightning/RTL#266

Login input validation:
image

Login response validation:
image

Enable 2FA Settings (Laptop view):
image

Enable 2FA Settings (Mobile view):
image

Disable 2FA Settings:
image

rbndg commented

Great job on this!

  • 👍2
diogorsergio commented

Design addressed in Pull-Request: #41

Summary:
Enabling and disabling two-factor authentication flows. Used the stepper for consistency, since this would be a multi-step process for both cases.

Enable:

  • Step1: Authenticate with RTL password
  • Step2: Scan or copy the code
  • Step3: Verify with OTP input.

Disable:

  • Step1: Authenticate with RTL password
  • Step2: Disable confirmation

Check PR for more information.