diff --git a/packages/core/email/admin/src/pages/Settings/index.js b/packages/core/email/admin/src/pages/Settings/index.js index 49e0a2aa39..37c8750df8 100644 --- a/packages/core/email/admin/src/pages/Settings/index.js +++ b/packages/core/email/admin/src/pages/Settings/index.js @@ -43,6 +43,7 @@ const SettingsPage = () => { const [isLoading, setIsLoading] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false); const [testAddress, setTestAddress] = useState(''); + const [isTestAddressValid, setIsTestAddressValid] = useState(false); const [config, setConfig] = useState({ provider: '', settings: { defaultFrom: '', defaultReplyTo: '', testAddress: '' }, @@ -87,6 +88,13 @@ const SettingsPage = () => { } }, [formErrors]); + useEffect(() => { + schema + .validate({ email: testAddress }, { abortEarly: false }) + .then(() => setIsTestAddressValid(true)) + .catch(() => setIsTestAddressValid(false)); + }, [testAddress]); + const handleChange = e => { setTestAddress(() => e.target.value); }; @@ -203,7 +211,12 @@ const SettingsPage = () => { /> -