more

src/Components/Home/DemoRequestPage.js

@@ -23,10 +23,10 @@ import "../../styles/demo-request-page.scss";
 const DemoRequestPage = () => {
   const { supReq } = useParams();
   const navigate = useNavigate();
-
+  const token = window.sessionStorage.getItem("token");
   const [isBusy, setIsBusy] = useState();
   const fieldsChunkSize = 2;
-  const isSupport = supReq === "5ac45d12";
+  const isSupport = token && supReq === "5ac45d12";
   const inputFields = isSupport ? supportFields : demoFields;
   const [data, setData] = useState(getFormDataDefaults(inputFields));
   const handleChangeInput = (e, name) => {
@@ -44,7 +44,6 @@ const DemoRequestPage = () => {
   };
 
   async function saveUserData(dataValues) {
-    const { firstName, lastName, firm, telephone, email } = dataValues;
     const requestDate = new Date();
     dataValues["requestDate"] = requestDate;
     const requestId = uuidv4();
@@ -56,14 +55,30 @@ const DemoRequestPage = () => {
     }
   }
 
+  async function saveSupportRequestData(dataValues) {
+    const requestDate = new Date();
+    dataValues["requestDate"] = requestDate;
+    const requestId = uuidv4();
+    try {
+      const supportRef = collection(db, "supportrequests");
+      await setDoc(doc(supportRef, requestId), dataValues);
+    } catch (error) {
+      console.log(`Error saving request data to db: ${error}`);
+    }
+  }
+
   async function handleRequestDemo() {
-    console.log("handlerequest demo");
     const dataValues = validateData();
     if (dataValues === null) {
       return;
     }
-    saveUserData(dataValues);
-    navigate("/");
+    if (isSupport) {
+      saveSupportRequestData(dataValues);
+      navigate("/");
+    } else {
+      saveUserData(dataValues);
+      navigate("/");
+    }
   }
 
   return (
@@ -72,7 +87,7 @@ const DemoRequestPage = () => {
         <div className="signup-header">
           {isSupport ? (
             <h2 className="signup-header-text">
-              Request Techical Or Account Support
+              Request Technical Or Account Support
             </h2>
           ) : (
             <>
@@ -122,12 +137,16 @@ const DemoRequestPage = () => {
             size="lg"
             onClick={handleRequestDemo}
             disabled={isBusy}
-            labelText="Request Demo"
+            labelText={isSupport ? "Request Support" : "Request Demo"}
           />
           <div className="mt-3">
-            <span>
-              <Link to="/signup">Go to signup</Link>
-            </span>
+            {isSupport ? (
+              <></>
+            ) : (
+              <span>
+                <Link to="/signup">Go to signup</Link>
+              </span>
+            )}
           </div>
         </div>
       </div>