more

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>
-                Or use our <a href="#">contact form</a>
-              </div>
-            */}
+            <div style={{ marginTop: "4px" }} onClick={handleSupport}>
+              Or use our <a href="">contact form</a>
+            </div>
           </div>
           <div className="account-support-links">
             <div className="account-support-title account-support-links-title">