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/DashboardHome.tsx
+1
View File
@@ -28,6 +28,7 @@ const DashboardHome: FC<DashboardHomeProps> = () => {
{step === 5 && <DashboardHomeRefereeInfo handleNextStep={handleNextStep} />}
{step === 6 && <DashboardHomeAttestation handleNextStep={handleNextStep} applicationDetails={applicationDetails} />}
{step === 7 && <DashboardHomeIntro step={step} handleNextStep={handleNextStep} />}
{/* <DashboardHomeAttestation handleNextStep={handleNextStep} applicationDetails={applicationDetails} /> */}
</div>
);
};
src/components/Dashboard/home/DashboardHomeAttestation.tsx
+59 -3
View File
@@ -2,6 +2,8 @@ import { Button, InputCompOne, Stepper } from '../../shared/index';
import {Formik, Form} from 'formik'
import * as Yup from "yup";
import { applyForLoan } from '../../../core/apiRequest';
// import { useNavigate } from "react-router-dom";
// import { RouteHandler } from '../../../router/routes';
@@ -27,11 +29,22 @@ export default function DashboardHomeAttestation({handleNextStep, applicationDet
// let navigate = useNavigate();
// const navigateToProfile = () => navigate(RouteHandler.dashboardProfile);
//FUNCTION TO HANDLE SUBMIT
//FUNCTION TO HANDLE LOAN APPLICATION
const handleSubmit = (values:any) => {
delete values.checked
handleNextStep({disbursement: values})
console.log('ApplicationDetails', applicationDetails)
applyForLoan({...applicationDetails, disbursement: values}).then(res=>{
console.log('APPLY FOR LOAN', res)
handleNextStep({disbursement: values})
console.log('ApplicationDetails', {...applicationDetails, disbursement: values})
}).catch(err=>{
console.log(err)
})
// applyForLoan(payload).then(res=>{
// console.log('APPLY FOR LOAN', res)
// // handleNextStep({disbursement: values})
// }).catch(err=>{
// console.log(err)
// })
};
return (
@@ -89,3 +102,46 @@ export default function DashboardHomeAttestation({handleNextStep, applicationDet
</div>
);
}
// const payload = {
// "loan_amount": "100000",
// "payment_month": "18",
// "sales_agent": "Testing1234",
// "gender": "male",
// "address": "World bank housing Estate, Umuahia",
// "marital_status": "single",
// "state": "abia",
// "email": "test5070@gmail.com",
// "country": "NG",
// "employment": {
// "job_title": "Information Officer",
// "name": "Testing Testing",
// "sector": "private (non academic)",
// "industry": "engineering",
// "resumption_date": "2024-04-05",
// "email": "test50700@gmail.com",
// "annual_income": "600000",
// "monthly_salary": "50000",
// "salary_payment_date": "2024-04-19",
// "employment_id": "2555566",
// "highest_eductaion": "b.sc + professional qualification"
// },
// "loan_reference": [
// {
// "fullname": "John Mike",
// "relationship": "Brother",
// "phone_number": "07055566611",
// "email": "refone@gmail.com",
// "bvn": "11111111111"
// },
// {
// "fullname": "Mary Paul",
// "relationship": "Brother",
// "phone_number": "07055577711",
// "email": "reftwo@gmail.com",
// "bvn": "22222222222"
// }
// ],
// disbursement:{account: '1122334456'}
// }
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" },
]
}
src/components/LetsGetStated/LetsGetStarted.tsx
+3 -3
View File
@@ -107,9 +107,9 @@ const LetsGetStarted: React.FC = () => {
},4000)
}
// console.log(res.data)
localStorage.setItem('token', res.data.token)
localStorage.setItem('uid', res.data.uid)
dispatch(updateUserDetails({ ...res.data }));
localStorage.setItem('token', res.data?.token)
localStorage.setItem('uid', res?.data?.customer[0]?.uid)
dispatch(updateUserDetails({ ...res?.data?.customer[0] }));
navigate(RouteHandler.dashboardHome, {replace:true})
}).catch(err => {
setRequestStatusOTP({loading:false, status:false, message:'something went wrong, try again'})
src/components/shared/Stepper.tsx
+1 -1
View File
@@ -9,7 +9,7 @@ const Stepper: React.FC<StepperProps> = ({ step = 0 }) => {
return (
<div className="flex justify-between items-center gap-5">
{[...Array(6)].map((_, index) => (
{[...Array(5)].map((_, index) => (
<div
key={index}
className={`w-[1.875rem] border-[.1875rem] rounded-sm ${(step === index