Increased form error message timeout.

shrihari-prakash · Nov 1, 2023 · b46cdb3 · b46cdb3
1 parent fdc1266
commit b46cdb3
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 10 deletions.
diff --git a/src/public/components/get-code.js b/src/public/components/get-code.js
@@ -1,5 +1,5 @@
 import { ConfigurationContext } from "../context/configuration.js";
-import { getPlaceholder, useTitle } from "../utils/utils.js";
+import { errorTextTimeout, getPlaceholder, useTitle } from "../utils/utils.js";
 
 export default function GetCode() {
     const submitButtonText = "Get Code";
@@ -21,7 +21,7 @@ export default function GetCode() {
         setTimeout(() => {
             setButtonText(submitButtonText);
             setHasError(false);
-        }, 2000);
+        }, errorTextTimeout);
     };
 
     function getCode(event) {

diff --git a/src/public/components/login.js b/src/public/components/login.js
@@ -1,6 +1,6 @@
 import { ConfigurationContext } from "../context/configuration.js";
 import { ThemeContext } from "../context/theme.js";
-import { prepareAuthorizationParams, getPlaceholder, isEmail, useTitle, uuidv4 } from "../utils/utils.js";
+import { prepareAuthorizationParams, getPlaceholder, isEmail, useTitle, uuidv4, errorTextTimeout } from "../utils/utils.js";
 
 export default function Login() {
   const submitButtonText = "Login";
@@ -41,7 +41,7 @@ export default function Login() {
     setTimeout(() => {
       setButtonText(submitButtonText);
       setHasError(false);
-    }, 2000);
+    }, errorTextTimeout);
   };
 
   function onFieldError({ response, buttonText }) {

diff --git a/src/public/components/reset-password.js b/src/public/components/reset-password.js
@@ -1,5 +1,5 @@
 import { ConfigurationContext } from "../context/configuration.js";
-import { getPlaceholder, useTitle } from "../utils/utils.js";
+import { errorTextTimeout, getPlaceholder, useTitle } from "../utils/utils.js";
 
 export default function ResetPassword() {
     const submitButtonText = "Change Password";
@@ -21,7 +21,7 @@ export default function ResetPassword() {
         setTimeout(() => {
             setButtonText(submitButtonText);
             setHasError(false);
-        }, 2000);
+        }, errorTextTimeout);
     };
 
     function resetPassword(event) {

diff --git a/src/public/components/signup.js b/src/public/components/signup.js
@@ -1,7 +1,7 @@
 import { ConfigurationContext } from "../context/configuration.js";
 import { ThemeContext } from "../context/theme.js";
 import { countryCodes } from "../utils/country-codes.js";
-import { getPlaceholder, useTitle } from "../utils/utils.js";
+import { errorTextTimeout, getPlaceholder, useTitle } from "../utils/utils.js";
 
 export default function SignUp() {
   const submitButtonText = "Create Account";
@@ -29,7 +29,7 @@ export default function SignUp() {
     setTimeout(() => {
       setButtonText(submitButtonText);
       setHasError(false);
-    }, 2000);
+    }, errorTextTimeout);
   };
 
   function onFieldError({ response }) {

diff --git a/src/public/components/verify-account.js b/src/public/components/verify-account.js
@@ -1,5 +1,5 @@
 import { ConfigurationContext } from "../context/configuration.js";
-import { getPlaceholder, useTitle } from "../utils/utils.js";
+import { errorTextTimeout, getPlaceholder, useTitle } from "../utils/utils.js";
 
 export default function VerifyAccount() {
     const submitButtonText = "Verify";
@@ -21,7 +21,7 @@ export default function VerifyAccount() {
         setTimeout(() => {
             setButtonText(submitButtonText);
             setHasError(false);
-        }, 2000);
+        }, errorTextTimeout);
     };
 
     function verifyAccount(event) {

diff --git a/src/public/utils/utils.js b/src/public/utils/utils.js
@@ -96,3 +96,5 @@ export function prepareAuthorizationParams(configuration) {
   }
   return params;
 }
+
+export const errorTextTimeout = 6000;
-Original file line number
+Diff line change
@@ Expand Up / @@ -96,3 +96,5 @@ export function prepareAuthorizationParams(configuration) { @@
       }
       return params;
     }
+    export const errorTextTimeout = 6000;