updated apply loan payload for employer uid

src/components/Dashboard/home/DashboardHomeEmploymentInfo.tsx

@@ -27,7 +27,7 @@ const initialValues = {
   salary_payment_date: "",
   employment_id: "",
   highest_eductaion: "",
-  employer: "",
+  employer_uid: "",
   isChecked: false
 };
 
@@ -79,7 +79,7 @@ const validationSchema = Yup.object().shape({
     .required("Required"),
   highest_eductaion: Yup.string()
     .required("Required"),
-  employer: Yup.string().when('isChecked', {
+  employer_uid: Yup.string().when('isChecked', {
       is: false, 
       then: () => Yup.string().required('required'),
     }),
@@ -96,7 +96,13 @@ export default function DashboardHomeEmploymentInfo({handleNextStep}:Props) {
   //FUNCTION TO HANDLE SUBMIT
   const handleSubmit = (values:any) => {
     // Remember to changed the checked value's name
-    handleNextStep({employment: values})
+    if(values.employer_uid){
+      let employer_uid = values.employer_uid
+      delete values.employer_uid
+      handleNextStep({employer_uid, employment: values})
+    }else{
+      handleNextStep({employment: values})
+    }
   };
 
   useEffect(()=>{
@@ -128,15 +134,15 @@ export default function DashboardHomeEmploymentInfo({handleNextStep}:Props) {
                       <div className='w-full gap-[2rem]'>
                         <InputCompOne
                           parentClass="w-full"
-                          name="employer"
+                          name="employer_uid"
                           floatLabel="Employer Name"
                           // labelClass="font-bold text-[1.125rem]"
                           select={true}
                           selectClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
                           selectOptions={{loading:employersList?.loading, data: employersList?.data?.records}}
-                          selectValue={props.values.employer}
+                          selectValue={props.values.employer_uid}
                           onChange={props.handleChange}
-                          error={(props.errors.employer && props.touched.employer) ? props.errors.employer : ''}
+                          error={(props.errors.employer_uid && props.touched.employer_uid) ? props.errors.employer_uid : ''}
                           disabled={props.values.isChecked}
                         />
                         <div className='flex gap-4 items-start my-2'>

src/components/shared/InputCompOne.tsx

@@ -105,7 +105,7 @@ const InputCompOne = forwardRef<HTMLInputElement, InputCompOneProps>(
             >
               {selectOptions.loading ?
               <option value=''>Loading...</option>
-              : selectOptions.data.length && name == 'employer' ?
+              : selectOptions.data.length && name == 'employer_uid' ?
                 <>
                   <option value=''>Please Select</option>
                   {selectOptions.data.map(({ uid, name }) => (
@@ -114,7 +114,7 @@ const InputCompOne = forwardRef<HTMLInputElement, InputCompOneProps>(
                     </option>
                   ))}
                 </>
-              : selectOptions.data.length && name != 'employer' ?
+              : selectOptions.data.length && name != 'employer_uid' ?
                   selectOptions.data.map(({ value, label }) => (
                     <option key={value} value={value}>
                       {label}