hide contact forms (#421)

* make contact forms unavailable * [Prettier] Fix formatting * add ccamobile.org to linkinator skip list --------- Co-authored-by: GitHub Action <[email protected]>
working-group-two · Jan 11, 2024 · 3226939 · 3226939
1 parent dba801c
commit 3226939
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 108 deletions.
diff --git a/website/linkinator.config.json b/website/linkinator.config.json
@@ -4,6 +4,7 @@
     "https://(www.)?linkedin.com.*",
     "https://(www.)?wgtwo.com.*",
     "https://(www.)?github.com/working-group-two/wgtwo.com/edit/.*",
-    "https://(www.)?twitter.com.*"
+    "https://(www.)?twitter.com.*",
+    "https://(www.)?ccamobile.org.*"
   ]
 }
diff --git a/website/src/pages/contact.tsx b/website/src/pages/contact.tsx
@@ -120,88 +120,13 @@ function Contact() {
                   id="contact.subtitle"
                   description="Subtitle for the contact section"
                 >
-                  Questions, feature requests, and ideas welcome!
+                  Please contact your Cisco representative for further
+                  information
                 </Translate>
               </div>
             </div>
           </div>
-          <div className={common.container}>
-            <div className={styles.contactMethods}>
-              <a href="mailto:[email protected]">
-                <Mail /> Email us at [email protected]
-              </a>
-              <Link to="/request-demo">
-                <Calendar /> Schedule a demo
-              </Link>
-              <a href="https://support.wgtwo.com" target="_blank">
-                <HelpCircle /> Open a support ticket
-              </a>
-              <Link to="/docs/about/offices">
-                <Building /> Meet us in person
-              </Link>
-            </div>
-          </div>
-
-          <div className={common.container}>
-            <div className={styles.form}>
-              <input
-                className={formErrorCompany ? styles.hasError : ""}
-                ref={form.company}
-                placeholder={translate({
-                  message: "Company",
-                  id: "contact.form.company",
-                  description: "Placeholder for the company field",
-                })}
-              />
-              <input
-                className={formErrorEmail ? styles.hasError : ""}
-                ref={form.email}
-                placeholder={translate({
-                  message: "Work email address",
-                  id: "contact.form.email",
-                  description: "Placeholder for the email field",
-                })}
-              />
-              <input
-                className={`${formErrorName ? styles.hasError : ""} ${
-                  styles.span2
-                }`}
-                ref={form.name}
-                placeholder={translate({
-                  message: "Name",
-                  id: "contact.form.name",
-                  description: "Placeholder for the name field",
-                })}
-              />
-              <textarea
-                className={`${formErrorMessage ? styles.hasError : ""} ${
-                  styles.span2
-                }`}
-                ref={form.message}
-                placeholder={translate({
-                  message: "Your message",
-                  id: "contact.form.message",
-                  description: "Placeholder for the message field",
-                })}
-              />
-              <button
-                ref={form.button}
-                onClick={() => sendMessage()}
-                className={`${common.button} ${common.buttonPrimary} ${styles.span2}`}
-              >
-                <Translate
-                  id="contact.form.button"
-                  description="Button for the contact form"
-                >
-                  Send message
-                </Translate>
-              </button>
-              {formError && <div className={styles.formError}>{formError}</div>}
-            </div>
-          </div>
         </div>
-
-        <NewsletterSignup />
       </div>
     </Layout>
   )

diff --git a/website/src/pages/technology.tsx b/website/src/pages/technology.tsx
@@ -8,7 +8,7 @@ import Ourservice from "../components/ourservice/ourservice"
 import contact from "./contact.module.css"
 import message from "../util/message"
 import Link from "@docusaurus/Link"
-import { translate } from "@docusaurus/Translate"
+import Translate, { translate } from "@docusaurus/Translate"
 import { validEmail, containsAngleBrackets } from "../util/helpers"
 import ReactTooltip from "react-tooltip"
 
@@ -243,37 +243,18 @@ function Index() {
               <div className={common.title}>
                 You still have a question in mind?
               </div>
-              <div className={common.subtitle}>We love to tell you more!</div>
             </div>
-            <div className={contact.form}>
-              <input
-                className={formErrorName ? contact.hasError : ""}
-                ref={form.name}
-                placeholder="Name"
-              />
-              <input
-                className={formErrorEmail ? contact.hasError : ""}
-                ref={form.email}
-                placeholder="Email address"
-              />
-              <input
-                className={`${formErrorMessage ? contact.hasError : ""} ${
-                  contact.span2
-                }`}
-                ref={form.message}
-                placeholder="Message"
-              />
-              <button
-                ref={form.button}
-                onClick={() => sendMessage()}
-                className={`${common.button} ${common.buttonPrimary} ${contact.span2}`}
+            <Link
+              to="/contact"
+              className={`${common.button} ${common.buttonPrimary}`}
+            >
+              <Translate
+                id="home.cta.contact"
+                description="contact for the cta section"
               >
-                Submit your message
-              </button>
-              {formError && (
-                <div className={contact.formError}>{formError}</div>
-              )}
-            </div>
+                Request a Demo
+              </Translate>
+            </Link>
           </div>
         </div>
       </div>