From 08af493d65f2f103ac598524275e447930725c21 Mon Sep 17 00:00:00 2001
From: Ebube <chukwumdiebubeojinta@gmail.com>
Date: Fri, 22 Mar 2024 18:16:18 +0100
Subject: [PATCH] Added You're almost done page

---
 src/components/GetStarted/GetStarted.tsx         |  4 +++-
 src/components/GetStarted/YourAreAlmostThere.tsx | 14 ++++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/GetStarted/GetStarted.tsx b/src/components/GetStarted/GetStarted.tsx
index f6a8472..93d248f 100644
--- a/src/components/GetStarted/GetStarted.tsx
+++ b/src/components/GetStarted/GetStarted.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import BasicInfo from "./BasicInfo";
 import YourAreAlmostThere from "./YourAreAlmostThere";
+import LoanAmountComp from "./LoanAmountComp";
 
 const GetStarted = () => {
   const [step, setStep] = React.useState(1);
@@ -39,7 +40,8 @@ const GetStarted = () => {
               handleNextStep={handleNextStep}
             />
           )}
-          {step === 2 && <YourAreAlmostThere />}
+          {step === 2 && <YourAreAlmostThere handleNextStep={handleNextStep} />}
+          {step === 3 && <LoanAmountComp />}
         </main>
       </div>
     </div>
diff --git a/src/components/GetStarted/YourAreAlmostThere.tsx b/src/components/GetStarted/YourAreAlmostThere.tsx
index 08a93b9..ad540e9 100644
--- a/src/components/GetStarted/YourAreAlmostThere.tsx
+++ b/src/components/GetStarted/YourAreAlmostThere.tsx
@@ -1,9 +1,19 @@
 import React from "react";
+import { useNavigate } from "react-router-dom";
 import EmploymentDetails from "./EmploymentDetails";
 import ReferenceDetails from "./ReferenceDetails";
 import { Button } from "..";
 
-const YourAreAlmostThere: React.FC = () => {
+interface YourAreAlmostThereProps {
+  handleNextStep: any;
+}
+
+const YourAreAlmostThere: React.FC = ({ handleNextStep }) => {
+  const navigate = useNavigate();
+
+  const navigation = () => {
+    navigate("");
+  };
   return (
     <>
       <h1 className="font-semibold text-[2.375rem] text-[#5C2684] my-[.5rem]">
@@ -16,7 +26,7 @@ const YourAreAlmostThere: React.FC = () => {
           className="my-8 max-w-[20.3125rem] btn-R bg-[#5A2C82]"
           text="Continue"
           type="button"
-          //   onClick={handleNextStep}
+          onClick={handleNextStep}
         />
       </form>
     </>