From 19153f5fd1ed4e7064e74f5c88697072267dae8a Mon Sep 17 00:00:00 2001
From: uzairr <uzairr@yahoo.com>
Date: Wed, 4 Nov 2020 11:05:17 +0500
Subject: [PATCH] Fix ux in email confimation message

VAN-102
---
 src/logistration/ConfirmationAlert.jsx                    | 8 +++++---
 .../tests/__snapshots__/ConfirmationAlert.test.jsx.snap   | 8 ++++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/logistration/ConfirmationAlert.jsx b/src/logistration/ConfirmationAlert.jsx
index b7e8cd8c..ff56d997 100644
--- a/src/logistration/ConfirmationAlert.jsx
+++ b/src/logistration/ConfirmationAlert.jsx
@@ -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>
diff --git a/src/logistration/tests/__snapshots__/ConfirmationAlert.test.jsx.snap b/src/logistration/tests/__snapshots__/ConfirmationAlert.test.jsx.snap
index 92b31442..b8f409d3 100644
--- a/src/logistration/tests/__snapshots__/ConfirmationAlert.test.jsx.snap
+++ b/src/logistration/tests/__snapshots__/ConfirmationAlert.test.jsx.snap
@@ -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>
       .