From 82615ebb835b4f3582b053cb43bee46bde1795f9 Mon Sep 17 00:00:00 2001
From: Daniel James <djdany444@gmail.com>
Date: Sat, 22 Jun 2024 17:07:13 +0530
Subject: [PATCH] Add error to contact form if submission fails

---
 app/webpacker/components/ContactsPage/ContactForm.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/webpacker/components/ContactsPage/ContactForm.jsx b/app/webpacker/components/ContactsPage/ContactForm.jsx
index 8127d8265d..d61cb4ff34 100644
--- a/app/webpacker/components/ContactsPage/ContactForm.jsx
+++ b/app/webpacker/components/ContactsPage/ContactForm.jsx
@@ -16,6 +16,7 @@ import Wct from './SubForms/Wct';
 import Wrt from './SubForms/Wrt';
 import Wst from './SubForms/Wst';
 import Competition from './SubForms/Competition';
+import Errored from '../Requests/Errored';
 
 const CONTACT_RECIPIENTS = [
   'competition',
@@ -30,6 +31,7 @@ export default function ContactForm({ loggedInUserData }) {
   const { save, saving } = useSaveAction();
   const [captchaValue, setCaptchaValue] = useState();
   const [captchaError, setCaptchaError] = useState(false);
+  const [saveError, setSaveError] = useState();
   const [contactSuccess, setContactSuccess] = useState(false);
   const contactFormState = useStore();
   const dispatch = useDispatch();
@@ -66,6 +68,7 @@ export default function ContactForm({ loggedInUserData }) {
   }, [selectedContactRecipient]);
 
   if (saving) return <Loading />;
+  if (saveError) return <Errored error={saveError} />;
 
   return (
     <>
@@ -85,6 +88,7 @@ export default function ContactForm({ loggedInUserData }) {
               formData,
               contactSuccessHandler,
               { method: 'POST', headers: {}, body: formData },
+              setSaveError,
             );
           }
         }}