collected laon application details

This commit was merged in pull request #45.
This commit is contained in:
victorAnumudu
2024-04-30 01:02:48 +01:00
parent a50d5ec82d
commit e93a3dea68
12 changed files with 116 additions and 94 deletions
@@ -4,18 +4,18 @@ import {Formik, Form} from 'formik'
import * as Yup from "yup";
type Props = {
handleNextStep:()=>any
handleNextStep:(value:{})=>any
}
const initialValues = {
ref_name: "",
ref_email: "",
ref_number: "",
ref_phone_number: "",
ref_relationship: "",
ref_bvn: "",
ref_two_name: "",
ref_two_email: "",
ref_two_number: "",
ref_two_phone_number: "",
ref_two_relationship: "",
ref_two_bvn: "",
};
@@ -27,7 +27,7 @@ const validationSchema = Yup.object().shape({
ref_email: Yup.string()
.email("Invalid")
.required("Required"),
ref_number: Yup.string()
ref_phone_number: Yup.string()
.required("Required"),
ref_relationship: Yup.string()
.required("Required"),
@@ -46,7 +46,7 @@ const validationSchema = Yup.object().shape({
ref_two_email: Yup.string()
.email("Invalid")
.required("Required"),
ref_two_number: Yup.string()
ref_two_phone_number: Yup.string()
.required("Required"),
ref_two_relationship: Yup.string()
.required("Required"),
@@ -66,8 +66,21 @@ export default function DashboardHomeRefereeInfo({handleNextStep}:Props) {
//FUNCTION TO HANDLE SUBMIT
const handleSubmit = (values:any) => {
console.log(values)
handleNextStep()
let refOne = {
fullname: values.ref_name,
relationship: values.ref_relationship,
phone_number: values.ref_phone_number,
email: values.ref_email,
bvn: values.ref_bvn
}
let refTwo = {
fullname: values.ref_two_name,
relationship: values.ref_two_relationship,
phone_number: values.ref_two_phone_number,
email: values.ref_two_email,
bvn: values.ref_two_bvn
}
handleNextStep({loan_reference:[refOne, refTwo]})
};
@@ -115,15 +128,15 @@ export default function DashboardHomeRefereeInfo({handleNextStep}:Props) {
/>
<InputCompOne
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
name="ref_number"
name="ref_phone_number"
floatLabel="Phone number"
// labelClass="font-bold text-[1.125rem]"
input
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
placeholder="07000000000"
value={props.values.ref_number}
value={props.values.ref_phone_number}
onChange={props.handleChange}
error={(props.errors.ref_number && props.touched.ref_number) ? props.errors.ref_number : ''}
error={(props.errors.ref_phone_number && props.touched.ref_phone_number) ? props.errors.ref_phone_number : ''}
/>
<InputCompOne
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
@@ -180,15 +193,15 @@ export default function DashboardHomeRefereeInfo({handleNextStep}:Props) {
/>
<InputCompOne
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
name="ref_two_number"
name="ref_two_phone_number"
floatLabel="Phone number"
// labelClass="font-bold text-[1.125rem]"
input
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
placeholder="07000000000"
value={props.values.ref_two_number}
value={props.values.ref_two_phone_number}
onChange={props.handleChange}
error={(props.errors.ref_two_number && props.touched.ref_two_number) ? props.errors.ref_two_number : ''}
error={(props.errors.ref_two_phone_number && props.touched.ref_two_phone_number) ? props.errors.ref_two_phone_number : ''}
/>
<InputCompOne
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"