From c8e640f88e93c8cc55fdb03e3958f27bdc50fe52 Mon Sep 17 00:00:00 2001
From: John Eskew <jeskew@edx.org>
Date: Wed, 10 Oct 2018 10:43:57 -0400
Subject: [PATCH] fixup! Add user retirement warning text about email
 retirement.

---
 .../components/StudentAccountDeletion.jsx       | 17 ++++++++++++-----
 lms/static/sass/views/_account-settings.scss    |  2 +-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/lms/static/js/student_account/components/StudentAccountDeletion.jsx b/lms/static/js/student_account/components/StudentAccountDeletion.jsx
index 4212501790..0cf71ea144 100644
--- a/lms/static/js/student_account/components/StudentAccountDeletion.jsx
+++ b/lms/static/js/student_account/components/StudentAccountDeletion.jsx
@@ -72,6 +72,14 @@ export class StudentAccountDeletion extends React.Component {
       },
     );
 
+    const acctDeletionWarningText = StringUtils.interpolate(
+      gettext('{strongStart}Warning: Account deletion is permanent.{strongEnd} Please read the above carefully before proceeding. This is an irreversible action, and {strongStart}you will no longer be able to use the same email on edX.{strongEnd}'),
+      {
+        strongStart: '<strong>',
+        strongEnd: '</strong>',
+      },
+    );
+
     return (
       <div className="account-deletion-details">
         <p className="account-settings-header-subtitle">{ gettext('We’re sorry to see you go!') }</p>
@@ -81,11 +89,10 @@ export class StudentAccountDeletion extends React.Component {
           className="account-settings-header-subtitle"
           dangerouslySetInnerHTML={{ __html: loseAccessText }}
         />
-        <p className="account-settings-header-subtitle-warning">
-          <strong>{ gettext('Warning: Account deletion is permanent. ') }</strong>
-          {gettext('Please read the above carefully before proceeding. This is an irreversible action, and ')}
-          <strong>{ gettext('you will no longer be able to use the same email on edX.') }</strong>
-        </p>
+        <p
+          className="account-settings-header-subtitle-warning"
+          dangerouslySetInnerHTML={{ __html: acctDeletionWarningText }}
+        />
         <p
           className="account-settings-header-subtitle"
           dangerouslySetInnerHTML={{ __html: changeAcctInfoText }}
diff --git a/lms/static/sass/views/_account-settings.scss b/lms/static/sass/views/_account-settings.scss
index efc152b431..6e46027d45 100644
--- a/lms/static/sass/views/_account-settings.scss
+++ b/lms/static/sass/views/_account-settings.scss
@@ -132,7 +132,7 @@
 
     .account-settings-header-subtitle-warning {
       @extend .account-settings-header-subtitle;
-      color: #ab2121;
+      color: $alert-color;
     }
 
     .account-settings-section-message {