From 067e7a395d4c5d0869d994b24f62820e624aad3c Mon Sep 17 00:00:00 2001 From: chukwumdiebube ojinta Date: Sat, 23 Mar 2024 05:23:53 +0100 Subject: [PATCH 1/4] Fix build --- src/components/GetStarted/LoanAmountComp.tsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/components/GetStarted/LoanAmountComp.tsx b/src/components/GetStarted/LoanAmountComp.tsx index 8b36031..648ad52 100644 --- a/src/components/GetStarted/LoanAmountComp.tsx +++ b/src/components/GetStarted/LoanAmountComp.tsx @@ -1,10 +1,15 @@ import React from "react"; import { InputCompOne } from ".."; +interface SliderProps { + handleSliderChange: (e: React.ChangeEvent) => void; + value: number; + } + const LoanAmountComp: React.FC = () => { const [value, setValue] = React.useState(6); - const handleSliderChange = (e) => { + const handleSliderChange = (e: any) => { setValue(e.target.value); }; @@ -90,7 +95,7 @@ const LoanAmountComp: React.FC = () => { export default LoanAmountComp; -const Slider = ({ handleSliderChange, value }) => { +const Slider: React.FC = ({ handleSliderChange, value }) => { return (

For how many months?

From b8f995851767d91364c1b6c91f48cdfa4fedfcb3 Mon Sep 17 00:00:00 2001 From: chukwumdiebube ojinta Date: Sat, 23 Mar 2024 05:28:00 +0100 Subject: [PATCH 2/4] Fixed build error --- src/components/GetStarted/LoanAmountComp.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/GetStarted/LoanAmountComp.tsx b/src/components/GetStarted/LoanAmountComp.tsx index 648ad52..6ee210f 100644 --- a/src/components/GetStarted/LoanAmountComp.tsx +++ b/src/components/GetStarted/LoanAmountComp.tsx @@ -95,7 +95,7 @@ const LoanAmountComp: React.FC = () => { export default LoanAmountComp; -const Slider: React.FC = ({ handleSliderChange, value }) => { +const Slider: React.FC = ({ handleSliderChange, value }) => { return (

For how many months?

From e2b3978ab6f1322ccb9dbf3f8d114daea51f252d Mon Sep 17 00:00:00 2001 From: chukwumdiebube ojinta Date: Sat, 23 Mar 2024 06:23:50 +0100 Subject: [PATCH 3/4] Added Applicants Attestation Page --- .../GetStarted/ApplicantsAttestation.tsx | 30 +++++++++ src/components/GetStarted/CreditAccount.tsx | 27 ++++++++ src/components/GetStarted/DebitAccount.tsx | 67 +++++++++++++++++++ src/components/GetStarted/GetStarted.tsx | 4 +- src/components/GetStarted/LoanAmountComp.tsx | 55 ++++++++------- 5 files changed, 158 insertions(+), 25 deletions(-) create mode 100644 src/components/GetStarted/ApplicantsAttestation.tsx create mode 100644 src/components/GetStarted/CreditAccount.tsx create mode 100644 src/components/GetStarted/DebitAccount.tsx diff --git a/src/components/GetStarted/ApplicantsAttestation.tsx b/src/components/GetStarted/ApplicantsAttestation.tsx new file mode 100644 index 0000000..38c42dd --- /dev/null +++ b/src/components/GetStarted/ApplicantsAttestation.tsx @@ -0,0 +1,30 @@ +import React from "react"; +import CreditAccount from "./CreditAccount"; +import DebitAccount from "./DebitAccount"; + +const ApplicantsAttestation: React.FC = () => { + return ( + <> +
+

+ Applicant’s Attestation and Debit Instruction +

+
+

+ For more enquiries and support +

+

+ Call: 09099000000 +

+

+ Email: fcmbloan@support.com +

+
+
+ + + + ); +}; + +export default ApplicantsAttestation; diff --git a/src/components/GetStarted/CreditAccount.tsx b/src/components/GetStarted/CreditAccount.tsx new file mode 100644 index 0000000..cb0e80a --- /dev/null +++ b/src/components/GetStarted/CreditAccount.tsx @@ -0,0 +1,27 @@ +import React from "react"; +import { InputCompOne } from ".."; + +const CreditAccount: React.FC = () => { + return ( + <> +
+

+ CREDIT ACCOUNT ( Your account to receive your loan ) +

+
+ + + ); +}; + +export default CreditAccount; diff --git a/src/components/GetStarted/DebitAccount.tsx b/src/components/GetStarted/DebitAccount.tsx new file mode 100644 index 0000000..739b69d --- /dev/null +++ b/src/components/GetStarted/DebitAccount.tsx @@ -0,0 +1,67 @@ +import React from "react"; +import { Button, InputCompOne } from ".."; + +const DebitAccount: React.FC = () => { + return ( +
+
+

+ DEBIT ACCOUNT ( Your salary account for monthly repayment ) +

+
+ + +
+ + +
+ +
+ + +
+
+ ); +}; + +export default DebitAccount; diff --git a/src/components/GetStarted/GetStarted.tsx b/src/components/GetStarted/GetStarted.tsx index 782366d..e0eb8ec 100644 --- a/src/components/GetStarted/GetStarted.tsx +++ b/src/components/GetStarted/GetStarted.tsx @@ -2,6 +2,7 @@ import React from "react"; import BasicInfo from "./BasicInfo"; import YourAreAlmostThere from "./YourAreAlmostThere"; import LoanAmountComp from "./LoanAmountComp"; +import ApplicantsAttestation from "./ApplicantsAttestation"; const GetStarted = () => { const [step, setStep] = React.useState(1); @@ -41,7 +42,8 @@ const GetStarted = () => { /> )} {step === 2 && } - {step === 3 && } + {step === 3 && } + {step === 4 && }
diff --git a/src/components/GetStarted/LoanAmountComp.tsx b/src/components/GetStarted/LoanAmountComp.tsx index 6ee210f..1e7e386 100644 --- a/src/components/GetStarted/LoanAmountComp.tsx +++ b/src/components/GetStarted/LoanAmountComp.tsx @@ -1,12 +1,16 @@ import React from "react"; -import { InputCompOne } from ".."; +import { Button, InputCompOne } from ".."; interface SliderProps { - handleSliderChange: (e: React.ChangeEvent) => void; - value: number; - } + handleSliderChange: (e: React.ChangeEvent) => void; + value: number; +} -const LoanAmountComp: React.FC = () => { +interface LoanAmountProps { + handleNextStep: any; +} + +const LoanAmountComp: React.FC = ({ handleNextStep }) => { const [value, setValue] = React.useState(6); const handleSliderChange = (e: any) => { @@ -15,11 +19,11 @@ const LoanAmountComp: React.FC = () => { return ( <> -
-

+
+

Loan Amount

-
+

For more enquiries and support

@@ -31,44 +35,44 @@ const LoanAmountComp: React.FC = () => {

-
+
-
-

+

+

The maximum amount you can apply for on this offer is based on the information you shared with us in your loan application. We have made this offer to suit your monthly remuneration and to enable you pay your loan on-time

-
+
Minimum Offer:

N100,000

-
+
Maximum Offer:

N500,000 @@ -79,13 +83,16 @@ const LoanAmountComp: React.FC = () => {

-
+

Your Monthly Repayment

N

- +
@@ -95,7 +102,7 @@ const LoanAmountComp: React.FC = () => { export default LoanAmountComp; -const Slider: React.FC = ({ handleSliderChange, value }) => { +const Slider: React.FC = ({ handleSliderChange, value }) => { return (

For how many months?

From 2a2b8ee85d5db9beb222d6c102256864f8dfb3c5 Mon Sep 17 00:00:00 2001 From: chukwumdiebube ojinta Date: Sat, 23 Mar 2024 06:27:16 +0100 Subject: [PATCH 4/4] changed check prop to defaultChecked --- src/components/GetStarted/DebitAccount.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/GetStarted/DebitAccount.tsx b/src/components/GetStarted/DebitAccount.tsx index 739b69d..2ef5c0b 100644 --- a/src/components/GetStarted/DebitAccount.tsx +++ b/src/components/GetStarted/DebitAccount.tsx @@ -43,7 +43,8 @@ const DebitAccount: React.FC = () => {