DigiFi/digifi-www
1
0
Fork 0
Code Issues Pull Requests Releases Activity

added endpoint for loan application

Browse Source
This commit was merged in pull request #46.
This commit is contained in:
victorAnumudu
2024-04-30 19:03:22 +01:00
parent d90d515f60
commit 814bfe041a
7 changed files with 164 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Dashboard/home/DashboardHomeDetail.tsx
+38 -13
View File
@@ -12,7 +12,8 @@ const initialValues = {
address: "",
marital_status: "",
state: "",
email:""
email:"",
country:""
};
// To get the validation schema
@@ -28,6 +29,8 @@ const validationSchema = Yup.object().shape({
email: Yup.string()
.email("Invalid")
.required("Required"),
country: Yup.string()
.required("Required"),
});
export default function DashboardHomeDetail({handleNextStep}:Props) {
@@ -102,18 +105,32 @@ export default function DashboardHomeDetail({handleNextStep}:Props) {
error={(props.errors.state && props.touched.state) ? props.errors.state : ''}
/>
</div>
<InputCompOne
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
name="email"
label="Email address"
labelClass="font-bold text-[1.125rem]"
input
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
placeholder="johndoe@gmail.com"
value={props.values.email}
onChange={props.handleChange}
error={(props.errors.email && props.touched.email) ? props.errors.email : ''}
/>
<div className="flex items-center gap-[4.125rem]">
<InputCompOne
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
name="email"
label="Email address"
labelClass="font-bold text-[1.125rem]"
input
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
placeholder="johndoe@gmail.com"
value={props.values.email}
onChange={props.handleChange}
error={(props.errors.email && props.touched.email) ? props.errors.email : ''}
/>
<InputCompOne
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
name="country"
label="Select your country"
labelClass="font-bold text-[1.125rem]"
select={true}
selectClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
selectOptions={country}
selectValue={props.values.country}
onChange={props.handleChange}
error={(props.errors.country && props.touched.country) ? props.errors.country : ''}
/>
</div>
<Button
className="my-8 max-w-[25.875rem] btn-Y text-black w-full h-11"
text="Next"
@@ -162,4 +179,12 @@ const state: SelectOption = {
{ value: "imo", label: "Imo" },
{ value: "lagos", label: "Lagos" },
]
}
const country: SelectOption = {
loading: false,
data: [
{ value: "", label: "Please Select" },
{ value: "NG", label: "Nigeria" },
]
}