mail regex removed

pages/auth/signin.js

@@ -24,18 +24,11 @@ const SignIn = (props) => {
         "/api/auth/signin/email";
 
     const [buttonDisabled, setButtonDisabled] = useState(false);
-    const [hasError, setHasError] = useState(false);
-    const emailRegex =
-        /(?:[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/gi;
 
     const handleSubmit = async (event) => {
         event.preventDefault();
-
-        //!emailRegex.test(event.currentTarget[2].value) && setHasError(true);
-
-        !emailRegex.test(event.currentTarget[2].value)
-            ? (setHasError(true), setButtonDisabled(true))
-            : (setButtonDisabled(true), event.target.submit());
+        setButtonDisabled(true);
+        event.target.submit();
     };
 
     return (
@@ -67,13 +60,7 @@ const SignIn = (props) => {
                                     action="/api/auth/signin/email"
                                     onSubmit={handleSubmit}
                                 >
-                                    <div
-                                        className={
-                                            hasError
-                                                ? "govuk-form-group govuk-form-group--error"
-                                                : "govuk-form-group "
-                                        }
-                                    >
+                                    <div className={"govuk-form-group "}>
                                         <input
                                             className="govuk-input"
                                             name="csrfToken"
@@ -93,32 +80,12 @@ const SignIn = (props) => {
                                         >
                                             {t("auth:auth-email-label")}
                                         </label>
-                                        {hasError && (
-                                            <span
-                                                id={"email-error"}
-                                                className="govuk-error-message"
-                                            >
-                                                <span className="govuk-visually-hidden">
-                                                    Error:
-                                                </span>{" "}
-                                                Enter a valid email address
-                                            </span>
-                                        )}
 
                                         <input
                                             className="govuk-input  govuk-!-width-three-quarters"
                                             type="email"
                                             id="email"
                                             name="email"
-                                            onBlur={(e) => {
-                                                !emailRegex.test(
-                                                    e.currentTarget.value
-                                                )
-                                                    ? (setHasError(true),
-                                                      setButtonDisabled(true))
-                                                    : (setHasError(false),
-                                                      setButtonDisabled(false));
-                                            }}
                                         />
                                     </div>
                                     <div className="govuk-form-group">