diff --git a/src/components/Employee/ManageEmployee.jsx b/src/components/Employee/ManageEmployee.jsx index 3629e84b..b158694b 100644 --- a/src/components/Employee/ManageEmployee.jsx +++ b/src/components/Employee/ManageEmployee.jsx @@ -23,10 +23,10 @@ const ManageEmployee = () => { employee, error, loading: empLoading, - } = useEmployeeProfile( employeeId ); - - dispatch( changeMaster( "Job Role" ) ); - + } = useEmployeeProfile(employeeId); + + dispatch(changeMaster("Job Role")); + const [disabledEmail, setDisabledEmail] = useState(false); const { data: job_role, loading } = useMaster(); const [isloading, setLoading] = useState(false); @@ -41,7 +41,8 @@ const ManageEmployee = () => { MiddleName: z.string().optional(), LastName: z.string().min(1, { message: "Last Name is required" }), Email: z - .string().max(80,"Email cannot exceed 80 characters") + .string() + .max(80, "Email cannot exceed 80 characters") .optional() .refine((val) => !val || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val), { message: "Invalid email format", @@ -96,8 +97,10 @@ const ManageEmployee = () => { }), AadharNumber: z .string() - .regex(/^\d{12}$/, "Aadhar card must be exactly 12 digits long") - .nonempty("Aadhar card is required"), + .optional() + .refine((val) => !val || /^\d{12}$/.test(val), { + message: "Aadhar card must be exactly 12 digits long", + }), Gender: z .string() .min(1, { message: "Gender is required" }) @@ -152,8 +155,7 @@ const ManageEmployee = () => { mode: "onChange", }); - const AadharNumberValue = watch( "AadharNumber" ) || ""; - + const AadharNumberValue = watch("AadharNumber") || ""; const onSubmit = (data) => { setLoading(true); @@ -184,11 +186,11 @@ const ManageEmployee = () => { .then((response) => { showToast("Employee details updated successfully.", "success"); clearCacheKey("employeeListByProject"); - clearCacheKey( "allEmployeeList" ); - clearCacheKey("employeeProfile") + clearCacheKey("allEmployeeList"); + clearCacheKey("employeeProfile"); - setLoading( false ); - reset() + setLoading(false); + reset(); navigation("/employees"); }) .catch((error) => { @@ -257,7 +259,7 @@ const ManageEmployee = () => {
- {(!currentEmployee && empLoading && employeeId ) && ( + {!currentEmployee && empLoading && employeeId && (

Loading Employee Data...

)} @@ -445,7 +447,7 @@ const ManageEmployee = () => { placeholder="Current Address" aria-label="Current Address" aria-describedby="basic-icon-default-message2" - {...register( "CurrentAddress" )} + {...register("CurrentAddress")} maxLength={500} onChange={(e) => { setCurrentAddressLength(e.target.value.length); @@ -454,7 +456,10 @@ const ManageEmployee = () => { }} >
- {500 - currentAddressLength} characters left + + {" "} + {500 - currentAddressLength} characters left +
{errors.CurrentAddress && (
{ placeholder="Permanent Address" aria-label="Permanent Address" aria-describedby="basic-icon-default-message2" - {...register( "PermanentAddress" )} + {...register("PermanentAddress")} maxLength={500} onChange={(e) => { setPermanentAddressLength(e.target.value.length); @@ -484,7 +489,9 @@ const ManageEmployee = () => { }} >
- {500 - permanentAddressLength} characters left + + {500 - permanentAddressLength} characters left +
{errors.PermanentAddress && (