remove confirmEmail validation check on email change

guardian · Jan 31, 2025 · c77810f · c77810f
1 parent d748578
commit c77810f
Showing 1 changed file with 2 additions and 7 deletions.
diff --git a/support-frontend/assets/pages/[countryGroupId]/checkout/components/PersonalDetailsFields.tsx b/support-frontend/assets/pages/[countryGroupId]/checkout/components/PersonalDetailsFields.tsx
@@ -1,6 +1,6 @@
 import { TextInput } from '@guardian/source/react-components';
 import escapeStringRegexp from 'escape-string-regexp';
-import { useRef, useState } from 'react';
+import { useState } from 'react';
 import {
 	doesNotContainExtendedEmojiOrLeadingSpace,
 	preventDefaultValidityMessage,
@@ -38,8 +38,6 @@ export function PersonalDetailsFields({
 	const [emailError, setEmailError] = useState<string>();
 	const [confirmedEmailError, setConfirmedEmailError] = useState<string>();
 
-	const confirmEmailRef = useRef<HTMLDivElement>(null);
-
 	return (
 		<>
 			<div>
@@ -55,9 +53,6 @@ export function PersonalDetailsFields({
 					}}
 					onBlur={(event) => {
 						event.target.checkValidity();
-						if (confirmedEmail.length > 0) {
-							confirmEmailRef.current?.querySelector('input')?.checkValidity();
-						}
 					}}
 					readOnly={isEmailAddressReadOnly}
 					name="email"
@@ -80,7 +75,7 @@ export function PersonalDetailsFields({
 				/>
 			</div>
 			{requireConfirmedEmail && !isEmailAddressReadOnly && (
-				<div ref={confirmEmailRef}>
+				<div>
 					<TextInput
 						id="confirm-email"
 						data-qm-masking="blocklist"