fix(client): clarify what progress reset includes (#54542)

freeCodeCamp · Apr 29, 2024 · b38ef48 · b38ef48
1 parent 20b6b83
commit b38ef48
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/client/i18n/locales/english/translations.json b/client/i18n/locales/english/translations.json
@@ -263,8 +263,12 @@
       "nevermind": "Nevermind, I don't want to delete my account",
       "certain": "I am 100% certain. Delete everything related to this account",
       "reset-heading": "Reset My Progress",
-      "reset-p1": "This will really delete all of your progress, points, completed challenges, our records of your projects, any certifications you have, everything.",
-      "reset-p2": "We won't be able to recover any of it for you later, even if you change your mind.",
+      "reset-p1": "This will permanently delete and reset all of the following:",
+      "reset-item-1": "Your progress through each step/challenge (all completed challenges will be lost)",
+      "reset-item-2": "Any saved code, including partially completed challenges, and certification project code",
+      "reset-item-3": "All completed and claimed certifications",
+      "reset-p2": "You will effectively be set back to the very first day you signed up.",
+      "reset-p3": "We won't be able to recover any of it for you later, even if you change your mind.",
       "nevermind-2": "Nevermind, I don't want to delete all of my progress",
       "reset-confirm": "Reset everything. I want to start from the beginning"
     },

diff --git a/client/src/components/settings/reset-modal.tsx b/client/src/components/settings/reset-modal.tsx
@@ -19,9 +19,15 @@ function ResetModal(props: ResetModalProps): JSX.Element {
       <Modal.Header showCloseButton={true} closeButtonClassNames='close'>
         {t('settings.danger.reset-heading')}
       </Modal.Header>
-      <Modal.Body>
+      <Modal.Body alignment='start'>
         <p>{t('settings.danger.reset-p1')}</p>
+        <ul>
+          <li>{t('settings.danger.reset-item-1')}</li>
+          <li>{t('settings.danger.reset-item-2')}</li>
+          <li>{t('settings.danger.reset-item-3')}</li>
+        </ul>
         <p>{t('settings.danger.reset-p2')}</p>
+        <p>{t('settings.danger.reset-p3')}</p>
       </Modal.Body>
       <Modal.Footer>
         <Button