New password must be at least 12 chars long

stellar · Oct 19, 2023 · 5693926 · 5693926
1 parent a2438b6
commit 5693926
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/src/helpers/validateNewPassword.ts b/src/helpers/validateNewPassword.ts
@@ -7,8 +7,8 @@ export const validateNewPassword = (password: string): string => {
 
   if (!password) {
     errorMsg = "Password is required";
-  } else if (password.length < 8) {
-    errorMsg = "Password must be at least 8 characters long";
+  } else if (password.length < 12) {
+    errorMsg = "Password must be at least 12 characters long";
   } else if (!passwordStrength.test(password)) {
     errorMsg =
       "Password must have at least one uppercase letter, lowercase letter, number, and symbol.";

diff --git a/src/pages/ResetPassword.tsx b/src/pages/ResetPassword.tsx
@@ -81,8 +81,16 @@ export const ResetPassword = () => {
 
         {forgotPassword.errorString && (
           <Notification variant="error" title="Reset password error">
-            {forgotPassword.errorString}. Check your email for the correct
-            token.
+            {forgotPassword.errorString}
+            {forgotPassword.errorExtras ? (
+              <ul className="ErrorExtras">
+                {Object.entries(forgotPassword.errorExtras).map(
+                  ([key, value]) => (
+                    <li key={key}>{`${key}: ${value}`}</li>
+                  ),
+                )}
+              </ul>
+            ) : null}
           </Notification>
         )}
 
@@ -95,7 +103,7 @@ export const ResetPassword = () => {
             <div className="Note">
               New password must be:
               <ul>
-                <li>at least 8 characters long,</li>
+                <li>at least 12 characters long,</li>
                 <li>
                   a combination of uppercase letters, lowercase letters,
                   numbers, and symbols.

diff --git a/src/pages/SetNewPassword.tsx b/src/pages/SetNewPassword.tsx
@@ -117,7 +117,7 @@ export const SetNewPassword = () => {
             <div className="Note">
               New password must be:
               <ul>
-                <li>at least 8 characters long,</li>
+                <li>at least 12 characters long,</li>
                 <li>
                   a combination of uppercase letters, lowercase letters,
                   numbers, and symbols.