more

src/App.js

@@ -47,7 +47,7 @@ function App() {
           <Route exact path="/" element={<Homepage />} />
           <Route exact path="/login" element={<Login />} />
           <Route path="/signup" element={<SignupPage />} />
-          <Route path="/demorequestpage" element={<DemoRequestPage />} />
+          <Route path="/requestpage/:supReq" element={<DemoRequestPage />} />
           <Route
             exact
             path="/passwordreset/:mode?/:oobCode?"

src/Components/Account/AccountPage.js

@@ -1,4 +1,5 @@
 import { useState, useContext, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
 import { db } from "../../firebase";
 import { collection, onSnapshot, query, where } from "firebase/firestore";
 import Button from "../../pageElements/Button";
@@ -7,6 +8,7 @@ import { AuthContext } from "../../Context/AuthProvider";
 import ProgressBar from "../../pageElements/ProgressBar";
 
 const AccountPage = () => {
+  const navigate = useNavigate();
   const { currentUserCreatedAt } = useContext(AuthContext);
   const { appState } = useContext(AppContext);
   const { group } = appState;
@@ -34,6 +36,11 @@ const AccountPage = () => {
     return null;
   }
 
+  const handleSupport = () => {
+    const supReq = "5ac45d12";
+    navigate(`/requestpage/${supReq}`);
+  };
+
   return (
     <div className="account-container">
       <div className="account-left-column">
@@ -124,17 +131,17 @@ const AccountPage = () => {
             <div className="account-support-title account-support-info-title">
               Need Support?
             </div>
+            {/*
             <div>
               <a href="tel:+12223334444">1-222-333-4444</a>
             </div>
-            <div>
+            */}
+            <div style={{ marginTop: "8px" }}>
               <a href="mailto:support@novodraft.ai">support@novodraft.ai</a>
             </div>
-            {/*
+            <div style={{ marginTop: "4px" }} onClick={handleSupport}>
-              <div>
+              Or use our <a href="">contact form</a>
-                Or use our <a href="#">contact form</a>
             </div>
-            */}
           </div>
           <div className="account-support-links">
             <div className="account-support-title account-support-links-title">

src/Components/Home/DemoRequestPage.js

@@ -5,6 +5,7 @@ import Col from "react-bootstrap/Col";
 import Form from "react-bootstrap/Form";
 import Row from "react-bootstrap/Row";
 import { demofields } from "../../Constants/Fields/DemoFields";
+import { useParams } from "react-router-dom";
 import { splitEvery } from "../../Utils/Array";
 import TextInput from "../../pageElements/TextInput";
 import { objectMap } from "../../Utils/Object";
@@ -20,10 +21,13 @@ import { collection, setDoc, doc } from "firebase/firestore";
 import "../../styles/demo-request-page.scss";
 
 const DemoRequestPage = () => {
+  const { supReq } = useParams();
   const navigate = useNavigate();
   const [data, setData] = useState(getFormDataDefaults(demofields));
   const [isBusy, setIsBusy] = useState();
   const fieldsChunkSize = 2;
+  const isSupport = supReq === "5ac45d12";
+  console.log("isSupport", isSupport);
 
   const handleChangeInput = (e, name) => {
     const newData = handleFormDataChange(e, name, data, demofields);

src/Components/Home/HomePage.js

@@ -21,7 +21,8 @@ const HomePage = () => {
   };
 
   const handleDemo = () => {
-    navigate("/demorequestpage");
+    const supReq = null;
+    navigate("/requestpage/supReq");
   };
 
   return (