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

collected laon application details

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Dashboard/DashboardFormInit.tsx
+20 -21
View File
@@ -3,20 +3,20 @@ import {Formik, Form} from 'formik'
import * as Yup from "yup";
type Props = {
handleNextStep:()=>any
handleNextStep:(value:{})=>any
}
const initialValues = {
amount: "",
duration: "",
id: "",
loan_amount: "",
payment_month: "",
sales_agent: "",
};
// To get the validation schema
const validationSchema = Yup.object().shape({
duration: Yup.string()
payment_month: Yup.string()
.required("Required"),
amount: Yup.string()
loan_amount: Yup.string()
.required("Required")
.test("no-e", "Invalid", (value:any) => {
if (value && /^[0-9]*$/.test(value) == false) {
@@ -24,16 +24,15 @@ const validationSchema = Yup.object().shape({
}
return true;
}),
id: Yup.string()
sales_agent: Yup.string()
.required("Required")
});
export default function DashboardFormInit({handleNextStep}:Props) {
//FUNCTION TO HANDLE SUBMIT
const handleSubmit = (values:any) => {
console.log(values)
handleNextStep()
const handleSubmit = (values:{}) => {
handleNextStep(values)
};
return (
@@ -51,40 +50,40 @@ export default function DashboardFormInit({handleNextStep}:Props) {
<div className="mt-[3.25rem] flex flex-col gap-9">
<InputCompOne
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
name="amount"
name="loan_amount"
label="How Much Do You Want To Apply For?"
labelClass="font-bold text-[1.125rem]"
input
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem] text-right"
placeholder="350,000"
value={props.values.amount}
value={props.values.loan_amount}
onChange={props.handleChange}
error={(props.errors.amount && props.touched.amount) ? props.errors.amount : ''}
error={(props.errors.loan_amount && props.touched.loan_amount) ? props.errors.loan_amount : ''}
/>
<InputCompOne
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
name="duration"
name="payment_month"
label="For How Many Months?"
labelClass="font-bold text-[1.125rem]"
select={true}
selectClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
selectOptions={duration}
selectValue={props.values.duration}
selectOptions={paymentMonth}
selectValue={props.values.payment_month}
onChange={props.handleChange}
error={(props.errors.duration && props.touched.duration) ? props.errors.duration : ''}
error={(props.errors.payment_month && props.touched.payment_month) ? props.errors.payment_month : ''}
/>
<InputCompOne
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
name="id"
name="sales_agent"
label="Direct sales agent ID ( Optional )"
labelClass="font-bold text-[1.125rem]"
floatLabel='Enter agent ID'
input
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
placeholder="Agent ID"
value={props.values.id}
value={props.values.sales_agent}
onChange={props.handleChange}
error={(props.errors.id && props.touched.id) ? props.errors.id : ''}
error={(props.errors.sales_agent && props.touched.sales_agent) ? props.errors.sales_agent : ''}
/>
<Button
className="my-8 max-w-[25.875rem] btn-Y text-black w-full h-11"
@@ -106,7 +105,7 @@ interface SelectOption {
}
const duration: SelectOption = {
const paymentMonth: SelectOption = {
loading: false,
data: [
{ value: "", label: "Please Select" },