Revert "Contact form footer update (#459)" (#460)

Vets-Who-Code · May 19, 2023 · 7b9ccf5 · 7b9ccf5
1 parent 0d2e1a5
commit 7b9ccf5
Show file tree

Hide file tree

Showing 5 changed files with 126 additions and 23 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-16
+14
diff --git a/package.json b/package.json
@@ -36,7 +36,7 @@
     "xml2js": "0.4.23"
   },
   "engines": {
-    "node": ">=16.19.0",
+    "node": "16.19.0",
     "npm": ">=8.0.0"
   },
   "license": "MIT",

diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js
@@ -11,6 +11,7 @@ import {
   FaGithub,
   FaRegCopyright,
 } from 'react-icons/fa'
+import { ContactForm } from '@/components/Forms'
 
 function Footer() {
   return (
@@ -141,15 +142,7 @@ function Footer() {
               <div className="widgets-content">
                 <h3 className="widgets-title">Contact Us</h3>
                 <div>
-                  <iframe
-                    src="https://forms.monday.com/forms/embed/67987c5cfb98ea9bb4b83c7b8ef8e6c1?r=use1"
-                    width="400"
-                    height="500"
-                    style={{
-                      border: 0,
-                      boxShadow: '5px 5px 56px 0px rgba(0,0,0,0.25)',
-                    }}
-                  ></iframe>
+                  <ContactForm disableNameAndPhone={true} />
                 </div>
               </div>
             </div>

diff --git a/tests/components/__snapshots__/Footer.test.js.snap b/tests/components/__snapshots__/Footer.test.js.snap
@@ -331,12 +331,67 @@ exports[`<Footer /> should render correctly 1`] = `
               Contact Us
             </h3>
             <div>
-              <iframe
-                height="500"
-                src="https://forms.monday.com/forms/embed/67987c5cfb98ea9bb4b83c7b8ef8e6c1?r=use1"
-                style="border: 0px; box-shadow: 5px 5px 56px 0px rgba(0,0,0,0.25);"
-                width="400"
-              />
+              <form
+                id="s2do-form"
+              >
+                <div
+                  class=""
+                >
+                  <div
+                    class="form-group"
+                  >
+                    <label
+                      class="footer-form-label"
+                      for="InputEmail"
+                    >
+                      Your Email Address
+                      <sup>
+                        *
+                      </sup>
+                    </label>
+                    <input
+                      class="form-control"
+                      id="InputEmail"
+                      name="email"
+                      placeholder="[email protected]"
+                      type="email"
+                    />
+                  </div>
+                </div>
+                <div
+                  class=""
+                >
+                  <div
+                    class="form-group"
+                  >
+                    <label
+                      class="footer-form-label"
+                      for="message"
+                    >
+                      Your Message
+                      <sup>
+                        *
+                      </sup>
+                    </label>
+                    <textarea
+                      class="form-control"
+                      id="message"
+                      name="message"
+                      placeholder="Your Message Here.."
+                      rows="3"
+                    />
+                  </div>
+                  <input
+                    class="btn btn-charity-default"
+                    href="#"
+                    id="cfsubmit"
+                    name="submit"
+                    title=""
+                    type="submit"
+                    value="Submit Message"
+                  />
+                </div>
+              </form>
             </div>
           </div>
         </div>

diff --git a/tests/components/__snapshots__/Layout.test.js.snap b/tests/components/__snapshots__/Layout.test.js.snap
@@ -684,12 +684,67 @@ exports[`<Layout /> should render correctly 1`] = `
                   Contact Us
                 </h3>
                 <div>
-                  <iframe
-                    height="500"
-                    src="https://forms.monday.com/forms/embed/67987c5cfb98ea9bb4b83c7b8ef8e6c1?r=use1"
-                    style="border: 0px; box-shadow: 5px 5px 56px 0px rgba(0,0,0,0.25);"
-                    width="400"
-                  />
+                  <form
+                    id="s2do-form"
+                  >
+                    <div
+                      class=""
+                    >
+                      <div
+                        class="form-group"
+                      >
+                        <label
+                          class="footer-form-label"
+                          for="InputEmail"
+                        >
+                          Your Email Address
+                          <sup>
+                            *
+                          </sup>
+                        </label>
+                        <input
+                          class="form-control"
+                          id="InputEmail"
+                          name="email"
+                          placeholder="[email protected]"
+                          type="email"
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class=""
+                    >
+                      <div
+                        class="form-group"
+                      >
+                        <label
+                          class="footer-form-label"
+                          for="message"
+                        >
+                          Your Message
+                          <sup>
+                            *
+                          </sup>
+                        </label>
+                        <textarea
+                          class="form-control"
+                          id="message"
+                          name="message"
+                          placeholder="Your Message Here.."
+                          rows="3"
+                        />
+                      </div>
+                      <input
+                        class="btn btn-charity-default"
+                        href="#"
+                        id="cfsubmit"
+                        name="submit"
+                        title=""
+                        type="submit"
+                        value="Submit Message"
+                      />
+                    </div>
+                  </form>
                 </div>
               </div>
             </div>