Andal.LND/frontend-app-authn
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #15 from edx/van-102/email-confirmation-ux

Browse Source 
Fix ux in email confimation message
This commit is contained in:
Uzair Rasheed
2020-11-06 16:13:04 +05:00
committed by GitHub
parent 14a3321e68 784087b2bf
commit fe4c575e40
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/logistration/ConfirmationAlert.jsx
View File

@@ -14,13 +14,14 @@ const ConfirmationAlert = (props) => {
>
<FormattedMessage
id="logistration.forgot.password.confirmation.support.link"
defaultMessage="technical support"
description="link text used in message: logistration.forgot.password.confirmation.support.link 'Contact technical support.'"
defaultMessage="contact technical support"
description="link text used in message: logistration.forgot.password.confirmation.support.link 'contact technical support.'"
/>
</Hyperlink>
);
const strongEmail = (<strong>{email}</strong>);
const lineBreak = (<br />);
return (
<Alert
@@ -35,11 +36,12 @@ const ConfirmationAlert = (props) => {
</h4>
<FormattedMessage
id="logistration.forgot.password.confirmation.message"
defaultMessage="You entered {strongEmail}. If this email address is associated with your edX account, we will send a message with password recovery instructions to this email address. If you do not receive a password reset message after 1 minute, verify that you entered the correct email address, or check your spam folder. If you need further assistance, Contact {technicalSupportLink}."
defaultMessage="You entered {strongEmail}. If this email address is associated with your edX account, we will send a message with password recovery instructions to this email address. {lineBreak}If you do not receive a password reset message after 1 minute, verify that you entered the correct email address, or check your spam folder.{lineBreak} If you need further assistance, {technicalSupportLink}."
description="Forgot password confirmation message"
values={{
strongEmail,
technicalSupportLink,
lineBreak,
}}
/>
</Alert>

8
src/logistration/tests/__snapshots__/ConfirmationAlert.test.jsx.snap
View File

@@ -22,14 +22,18 @@ exports[`ConfirmationAlert should match default confirmation message snapshot 1`
<strong>
test@example.com
</strong>
. If this email address is associated with your edX account, we will send a message with password recovery instructions to this email address. If you do not receive a password reset message after 1 minute, verify that you entered the correct email address, or check your spam folder. If you need further assistance, Contact
. If this email address is associated with your edX account, we will send a message with password recovery instructions to this email address.
<br />
If you do not receive a password reset message after 1 minute, verify that you entered the correct email address, or check your spam folder.
<br />
If you need further assistance,
<a
href="https://support.edx.org/hc/en-us/articles/206212088-What-if-I-did-not-receive-a-password-reset-message-"
onClick={[Function]}
target="_self"
>
<span>
technical support
contact technical support
</span>
</a>
.