more

src/Components/Home/HomePage.js

@@ -1,14 +1,17 @@
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { collection, setDoc, doc } from "firebase/firestore";
 import { db } from "../../firebase";
 import Button from "../../pageElements/Button";
 import { v4 as uuidv4 } from "uuid";
 import arrow from "../../Assets/Images/Arrow.png";
 import { useNavigate } from "react-router-dom";
+import ConfirmModal from "../Modals/ConfirmModal";
 import "../../styles/homepage.scss";
 
 const HomePage = () => {
   const navigate = useNavigate();
+  const [showPromoModal, setShowPromoModal] = useState(false);
+  const issueText = "";
 
   const handleNavigate = () => {
     navigate("/signup");
@@ -18,6 +21,15 @@ const HomePage = () => {
     navigate("/login");
   };
 
+  const handleConfirmPromoCode = () => {
+    //
+  };
+
+  const handleCancelModal = () => {
+    setShowPromoModal(!showPromoModal);
+    navigate("/signup");
+  };
+
   const handleDemo = () => {
     const supReq = null;
     navigate("/requestpage/supReq");
@@ -282,6 +294,19 @@ const HomePage = () => {
             </div>
           </div>
         </section>
+        {showPromoModal ? (
+          <ConfirmModal
+            titleText="Enter Promo Code"
+            onCancel={handleCancelModal}
+            buttonLabelText="Enter Code"
+            isPromoModal={true}
+            issueText={issueText ? issueText : null}
+            onConfirm={handleConfirmPromoCode}
+            cancelButtonText="I don't have a code"
+          />
+        ) : (
+          <></>
+        )}
       </div>
     </>
   );