Skip to content

LG-6192 Add alert banner for successful completion of Password Entry#6239

Merged
nprimak merged 4 commits intomainfrom
nprimak/LG-6192/alert-banner-password-completion
Apr 22, 2022
Merged

LG-6192 Add alert banner for successful completion of Password Entry#6239
nprimak merged 4 commits intomainfrom
nprimak/LG-6192/alert-banner-password-completion

Conversation

@nprimak
Copy link
Contributor

@nprimak nprimak commented Apr 21, 2022

LG-6192 Add alert banner for successful completion of Password Entry

Why: We need to let the user know that their data has been encrypted after they enter their password

Testing Instructions

  1. Make sure idv_api_enabled is set to true in application.yml.default
  2. Go to http://localhost:3000/verify/v2/personal_key
  3. Observe that the alert is present per screenshot

Screenshot
Screen Shot 2022-04-21 at 7 22 01 PM

Note

This is a draft PR because I'm not sure about my idea for handling the fact that users can reset their personal key after they go through the steps. Since we don't want to display the alert in that scenario, I thought this maybe could be handled by simply checking if the step indicator element is present or not. Major assumption being that resetting the personal key does not involve its own multi step flow (I tried looking for it in the account dashboard to confirm but couldn't seem to find it)

nprimak added 2 commits April 21, 2022 19:24
changelog: Upcoming Features, Identity Verification, add sucess alert for password confirm
Comment on lines +19 to +23
{customElements.get('lg-step-indicator') && (
<Alert type="success" className="margin-bottom-4">
{t('idv.messages.confirm')}
</Alert>
)}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Another idea for having it only show up in the verify flow is maybe to render this in the parent component instead (app/javascript/packages/verify-flow/index.tsx)? I could imagine we eventually may have a "Flash" mechanism live there, but I think it'd be fine to just have the static confirmation message for now.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Gotcha, yes that makes sense. I moved it there 👍

@nprimak nprimak marked this pull request as ready for review April 22, 2022 14:48
<StepIndicatorStep title="Secure your account" status={StepStatus.CURRENT} />
</StepIndicator>
<Alert type="success" className="margin-bottom-4">
{t('idv.messages.confirm')}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor

@aduth aduth left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!

@nprimak nprimak merged commit 1f9b6d2 into main Apr 22, 2022
@nprimak nprimak deleted the nprimak/LG-6192/alert-banner-password-completion branch April 22, 2022 20:28
@jmdembe jmdembe mentioned this pull request Apr 26, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants