Refactor

Author: NalinDalal

components/NewsletterSubscribe.tsx

@@ -51,7 +51,8 @@ export default function NewsletterSubscribe({
   const [email, setEmail] = useState<string>('');
   const [name, setName] = useState<string>('');
   const [status, setStatus] = useState<FormStatus>(FormStatus.NORMAL);
-  const [emailError, setEmailError] = useState<string>('');
+  const [emailError, setEmailError] = useState<(error: string) => void>();
+
   const { t, ready } = useTranslation('common', { keyPrefix: 'newsletterCTA' });
 
   const headTextColor = dark ? 'text-white' : '';
@@ -71,10 +72,12 @@ export default function NewsletterSubscribe({
     //validate email
     const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     if (!emailPattern.test(email)) {
+      setEmailError('Invalid email address');
       setFormStatus(FormStatus.ERROR);
       return;
     }
     setEmailError(''); // Clear error if valid
+    setStatus(FormStatus.LOADING);
     //end
     const data = {
       name,