feat: updates profile validation (first/last name)

- disallows entries beginning with special characters
Plant-for-the-Planet-org · Nov 22, 2023 · 469c4a7 · 469c4a7
1 parent 9f30128
commit 469c4a7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/public/static/locales/en/editProfile.json b/public/static/locales/en/editProfile.json
@@ -41,9 +41,9 @@
   "validationErrors": {
     "maxChars": "Should be {{max}} characters or less",
     "firstNameRequired": "First Name field is required",
-    "firstNameInvalid": "First name is invalid. Only these special characters are allowed: space ' . -",
+    "firstNameInvalid": "First name is invalid. It cannot start with a special character, and only these special characters are allowed: space ' . -",
     "lastNameRequired": "Last Name field is required",
-    "lastNameInvalid": "Last name is invalid. Only these special characters are allowed: space ' -",
+    "lastNameInvalid": "Last name is invalid. It cannot start with a special character, and only these special characters are allowed: space ' -",
     "emailRequired": "Email is required",
     "nameRequired": "Please enter a name",
     "nameInvalid": "Name is invalid. Only these special characters are allowed: space . , ' & ( ) ! -",

diff --git a/src/features/user/CompleteSignup/index.tsx b/src/features/user/CompleteSignup/index.tsx
@@ -307,7 +307,7 @@ export default function CompleteSignup(): ReactElement | null {
                     message: t('validationErrors.maxChars', { max: 50 }),
                   },
                   pattern: {
-                    value: /^[\p{L}\p{N}\sß.'-]+$/u,
+                    value: /^[\p{L}\p{N}ß][\p{L}\p{N}\sß.'-]*$/u,
                     message: t('validationErrors.firstNameInvalid'),
                   },
                 }}
@@ -335,7 +335,7 @@ export default function CompleteSignup(): ReactElement | null {
                     message: t('validationErrors.maxChars', { max: 50 }),
                   },
                   pattern: {
-                    value: /^[\p{L}\p{N}\sß'-]+$/u,
+                    value: /^[\p{L}\p{N}ß][\p{L}\p{N}\sß'-]*$/u,
                     message: t('validationErrors.lastNameInvalid'),
                   },
                 }}

diff --git a/src/features/user/Settings/EditProfile/EditProfileForm.tsx b/src/features/user/Settings/EditProfile/EditProfileForm.tsx
@@ -357,7 +357,7 @@ export default function EditProfileForm() {
                 message: t('validationErrors.maxChars', { max: 50 }),
               },
               pattern: {
-                value: /^[\p{L}\p{N}\sß.'-]+$/u,
+                value: /^[\p{L}\p{N}ß][\p{L}\p{N}\sß.'-]*$/u,
                 message: t('validationErrors.firstNameInvalid'),
               },
             }}
@@ -384,7 +384,7 @@ export default function EditProfileForm() {
                 message: t('validationErrors.maxChars', { max: 50 }),
               },
               pattern: {
-                value: /^[\p{L}\p{N}\sß'-]+$/u,
+                value: /^[\p{L}\p{N}ß][\p{L}\p{N}\sß'-]*$/u,
                 message: t('validationErrors.lastNameInvalid'),
               },
             }}