added steps to loan application

2024-04-22 15:42:40 +01:00
parent 085b2d4aaa
commit 9ce7110a5d
8 changed files with 482 additions and 59 deletions
@@ -0,0 +1,46 @@
+import { Button, InputCompOne, Stepper } from '../../shared/index';
+// import { useNavigate } from "react-router-dom";
+// import { RouteHandler } from '../../../router/routes';
+
+type Props = {
+  handleNextStep:()=>any
+}
+
+export default function DashboardHomeAttestation({handleNextStep}:Props) {
+  //     let navigate = useNavigate();
+  // const navigateToProfile = () => navigate(RouteHandler.dashboardProfile);
+  return (
+    <div className="w-full">
+      <div className="w-full flex justify-center">
+        <Stepper step={4} />
+      </div>
+      <div className="mt-[3.25rem] flex flex-col gap-9">
+        <p className='text-red-500 text-lg md:text-2xl'>Applicant's Attestation and Debit Instruction</p>
+        <p className='text-red-500 text-base'>NB: Must be your FCMB account number</p>
+        <div className="flex items-center gap-[4.125rem]">
+          <InputCompOne
+            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+            name="applyIshInput"
+            label="Disbursement account number"
+            labelClass="font-bold text-[1.125rem]"
+            input
+            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+            placeholder="0102547896"
+          />
+        </div>
+        <div className='max-w-[25.875rem] flex gap-4 items-start'>
+            <input type='checkbox' className='w-4 h-4 p-2 accent-purple-600 text-purple-600 bg-gray-100 border-gray-300 rounded focus:ring-purple-500' />
+            <p className='text-[12px] text-justify'>By pressing, you agree that you have read, understood and accept the <span className='text-blue-600'>applicatant's attestation</span> and <span className='text-blue-600'>terms and conditions</span> for FCMB
+                premium salary loan. You also give us permission to collect financial information and run credit checks on the account provided through our partners
+            </p>
+        </div>
+        <Button
+          className="my-8 max-w-[25.875rem] btn-Y text-black w-full h-11"
+          text="Apply"
+          type="button"
+          onClick={handleNextStep}
+        />
+      </div>
+    </div>
+  );
+}