more
This commit is contained in:
@@ -23,10 +23,10 @@ import "../../styles/demo-request-page.scss";
|
|||||||
const DemoRequestPage = () => {
|
const DemoRequestPage = () => {
|
||||||
const { supReq } = useParams();
|
const { supReq } = useParams();
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
const token = window.sessionStorage.getItem("token");
|
||||||
const [isBusy, setIsBusy] = useState();
|
const [isBusy, setIsBusy] = useState();
|
||||||
const fieldsChunkSize = 2;
|
const fieldsChunkSize = 2;
|
||||||
const isSupport = supReq === "5ac45d12";
|
const isSupport = token && supReq === "5ac45d12";
|
||||||
const inputFields = isSupport ? supportFields : demoFields;
|
const inputFields = isSupport ? supportFields : demoFields;
|
||||||
const [data, setData] = useState(getFormDataDefaults(inputFields));
|
const [data, setData] = useState(getFormDataDefaults(inputFields));
|
||||||
const handleChangeInput = (e, name) => {
|
const handleChangeInput = (e, name) => {
|
||||||
@@ -44,7 +44,6 @@ const DemoRequestPage = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
async function saveUserData(dataValues) {
|
async function saveUserData(dataValues) {
|
||||||
const { firstName, lastName, firm, telephone, email } = dataValues;
|
|
||||||
const requestDate = new Date();
|
const requestDate = new Date();
|
||||||
dataValues["requestDate"] = requestDate;
|
dataValues["requestDate"] = requestDate;
|
||||||
const requestId = uuidv4();
|
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() {
|
async function handleRequestDemo() {
|
||||||
console.log("handlerequest demo");
|
|
||||||
const dataValues = validateData();
|
const dataValues = validateData();
|
||||||
if (dataValues === null) {
|
if (dataValues === null) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
saveUserData(dataValues);
|
if (isSupport) {
|
||||||
navigate("/");
|
saveSupportRequestData(dataValues);
|
||||||
|
navigate("/");
|
||||||
|
} else {
|
||||||
|
saveUserData(dataValues);
|
||||||
|
navigate("/");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -72,7 +87,7 @@ const DemoRequestPage = () => {
|
|||||||
<div className="signup-header">
|
<div className="signup-header">
|
||||||
{isSupport ? (
|
{isSupport ? (
|
||||||
<h2 className="signup-header-text">
|
<h2 className="signup-header-text">
|
||||||
Request Techical Or Account Support
|
Request Technical Or Account Support
|
||||||
</h2>
|
</h2>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
@@ -122,12 +137,16 @@ const DemoRequestPage = () => {
|
|||||||
size="lg"
|
size="lg"
|
||||||
onClick={handleRequestDemo}
|
onClick={handleRequestDemo}
|
||||||
disabled={isBusy}
|
disabled={isBusy}
|
||||||
labelText="Request Demo"
|
labelText={isSupport ? "Request Support" : "Request Demo"}
|
||||||
/>
|
/>
|
||||||
<div className="mt-3">
|
<div className="mt-3">
|
||||||
<span>
|
{isSupport ? (
|
||||||
<Link to="/signup">Go to signup</Link>
|
<></>
|
||||||
</span>
|
) : (
|
||||||
|
<span>
|
||||||
|
<Link to="/signup">Go to signup</Link>
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user