Skip to content

LG-12597: Make revisions on MFA selection screen#10249

Merged
jmdembe merged 7 commits intomainfrom
jd/LG-12597-language-alignment
Mar 18, 2024
Merged

LG-12597: Make revisions on MFA selection screen#10249
jmdembe merged 7 commits intomainfrom
jd/LG-12597-language-alignment

Conversation

@jmdembe
Copy link
Copy Markdown
Contributor

@jmdembe jmdembe commented Mar 14, 2024

🎫 Ticket

LG-12597

🛠 Summary of changes

This PR aligns language regarding security keys on both the "My Account" and "MFA Selection" page

👀 Screenshots

Figma file

Authentication options text
English Spanish French
BEFORE BEFORE BEFORE
Screenshot of original instructions for MFA setup in English Screenshot of original instructions for MFA setup in Spanish Screenshot of original instructions for MFA setup in French
After After After
Screenshot of proposed instructions for MFA setup in English Screenshot of proposed instructions for MFA setup in English Screenshot of proposed instructions for MFA setup in English
Security Key Option
English Spanish French
Before Before Before
Screenshot of original security key option in English Screenshot of original security key option in Spanish. Screenshot of original security key option in French
After After After
Screenshot of proposed security key option in English Screenshot of proposed security key option in Spanish Screenshot of proposed security key option in French
My Account Page
English Spanish French
Before Before Before
Screenshot of current security key widget in English Screenshot of current security key widget in Spanish Screenshot of current security key widget in French
After After After
Screenshot of proposed security key widget in English Screenshot of proposed security key widget in Spanish Screenshot 2024-03-14 at 1 10 01 PM

|

@aduth aduth changed the title Make revisions on MFA selection screen LG-12597: Make revisions on MFA selection screen Mar 14, 2024
@jmdembe jmdembe marked this pull request as ready for review March 14, 2024 18:19
@jmdembe jmdembe requested a review from a team March 14, 2024 18:19
Copy link
Copy Markdown
Contributor

@kevinsmaster5 kevinsmaster5 left a comment

Choose a reason for hiding this comment

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

It looks good to me. 👍
Tested locally also.

Comment on lines +15 to +17
<p class="margin-bottom-0"><%= @presenter.intro %></p>

<p class="margin-top-2"><%= @presenter.recommendation %></p>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

If this recommendationi is static text, I think we can just embed it directly here, to avoid unnecessary indirection? The value I see in presenter methods is to abstract some conditional or complex logic.

Also, could we collapse the margins if the default for a paragraph is to have a bottom margin and we don't need the margin-bottom-0 anymore?

Suggested change
<p class="margin-bottom-0"><%= @presenter.intro %></p>
<p class="margin-top-2"><%= @presenter.recommendation %></p>
<p class="margin-bottom-2"><%= @presenter.intro %></p>
<p><%= t('mfa.recommendation') %></p>

Alternatively, we could omit the class altogether, since margin-bottom-2 is equivalent to the default bottom margin for a paragraph.

Copy link
Copy Markdown
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.

LGTM! 👍

@jmdembe jmdembe merged commit 66fbddc into main Mar 18, 2024
@jmdembe jmdembe deleted the jd/LG-12597-language-alignment branch March 18, 2024 13:35
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.

3 participants