feat: change email & phone validation text (DimensionDev#4363)

dmrazzy · Sep 16, 2021 · 11bb2e1 · 11bb2e1
1 parent f1f6a30
commit 11bb2e1
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/packages/dashboard/src/locales/en-US.json b/packages/dashboard/src/locales/en-US.json
@@ -258,7 +258,9 @@
     "settings_dialogs_incorrect_password": "Incorrect password.",
     "settings_dialogs_inconsistency_password": "Password inconsistency.",
     "settings_dialogs_current_email_validation": "The current email for verification is",
+    "settings_dialogs_change_email_validation": "To change the Email, you need to verify your current Email address:",
     "settings_dialogs_current_phone_validation": "The current phone number for verification is",
+    "settings_dialogs_change_phone_validation": "To change the phone number, you need to verify your current phone number:",
     "settings_dialogs_merge_to_local": "Merge to local",
     "settings_dialogs_merge_to_local_data": "Merge to local data",
     "settings_dialogs_upload_local_data": "Upload local data",

diff --git a/packages/dashboard/src/pages/Settings/components/dialogs/SettingEmailDialog.tsx b/packages/dashboard/src/pages/Settings/components/dialogs/SettingEmailDialog.tsx
@@ -123,7 +123,11 @@ export default function SettingEmailDialog({ open, onClose }: SettingEmailDialog
                 </Box>
             ) : (
                 <Box className={classes.container} sx={{ paddingTop: '24px' }}>
-                    <Typography>{t.settings_dialogs_current_email_validation()}</Typography>
+                    <Typography sx={{ paddingBottom: '8px' }}>
+                        {step === 0
+                            ? t.settings_dialogs_change_email_validation()
+                            : t.settings_dialogs_current_email_validation()}
+                    </Typography>
                     <Typography color="primary" fontWeight="bold" variant="h4">
                         {email}
                     </Typography>

diff --git a/packages/dashboard/src/pages/Settings/components/dialogs/SettingPhoneNumberDialog.tsx b/packages/dashboard/src/pages/Settings/components/dialogs/SettingPhoneNumberDialog.tsx
@@ -140,7 +140,11 @@ export default function SettingPhoneNumberDialog({ open, onClose }: SettingPhone
                 </Box>
             ) : (
                 <Box className={classes.container} sx={{ paddingTop: '24px' }}>
-                    <Typography>{t.settings_dialogs_current_phone_validation()}</Typography>
+                    <Typography sx={{ paddingBottom: '8px' }}>
+                        {step === 0
+                            ? t.settings_dialogs_change_phone_validation()
+                            : t.settings_dialogs_current_phone_validation()}
+                    </Typography>
                     <Typography color="primary" fontWeight="bold" variant="h4">
                         {countryCode} {phone}
                     </Typography>