diff --git a/src/components/AddJob/AddJob.jsx b/src/components/AddJob/AddJob.jsx index 33bfc23..89d55cc 100644 --- a/src/components/AddJob/AddJob.jsx +++ b/src/components/AddJob/AddJob.jsx @@ -93,10 +93,18 @@ function AddJob({ popUpHandler, categories }) { // FUNCTION TO HANDLE ADD JOB FORM const handleAddJob = (values, helpers) => { - values.category = values.category?.join("@"); - values.price = Number(values.price) * 100; + let reqData = { + country: values?.country, + price: Number(values.price) * 100, + title: values?.title, + description: values?.description, + job_detail: values?.job_detail, + timeline_days: values?.timeline_days, + category: values.category?.join("@"), + }; + setRequestStatus({ loading: true, status: false, message: "" }); - ApiCall.jobManagerCreateJob(values) + ApiCall.jobManagerCreateJob(reqData) .then((res) => { if (res.data.internal_return < 1) { setRequestStatus({ @@ -164,7 +172,7 @@ function AddJob({ popUpHandler, categories }) { value={props.values.country} className={`input-field p-2 mt-3 rounded-md placeholder:text-base text-dark-gray dark:text-white w-full h-10 bg-slate-100 dark:bg-[#11131F] focus:ring-0 focus:outline-none ${ props.errors.country && props.touched.country - ? "border-[#ff0a0a63] shadow-red-500 border-[2px] animate-shake" + ? "border-[#ff0a0a63] shadow-red-500 border-[0.5px] animate-shake" : "border border-[#f5f8fa] dark:border-[#5e6278]" }`} onChange={props.handleChange} @@ -264,7 +272,7 @@ function AddJob({ popUpHandler, categories }) { rows="5" className={`input-field px-3 py-2 placeholder:text-base text-dark-gray dark:text-white w-full h-[100px] bg-slate-100 dark:bg-[#11131F] focus:ring-0 focus:outline-[#dce4e9] ${ props.errors.job_detail && props.touched.job_detail - ? "border-[#ff0a0a63] shadow-red-500 border-[2px] animate-shake" + ? "border-[#ff0a0a63] shadow-red-500 border-[0.5px] animate-shake" : "border border-[#f5f8fa] dark:border-[#5e6278]" } rounded-[10px]`} style={{ resize: "none" }} @@ -329,7 +337,7 @@ function AddJob({ popUpHandler, categories }) { className={`input-field p-2 mt-3 rounded-md placeholder:text-base text-dark-gray dark:text-white w-full h-10 bg-slate-100 dark:bg-[#11131F] focus:ring-0 focus:outline-none ${ props.errors.timeline_days && props.touched.timeline_days - ? "border-[#ff0a0a63] shadow-red-500 border-[2px] animate-shake" + ? "border-[#ff0a0a63] shadow-red-500 border-[0.5px] animate-shake" : "border border-[#f5f8fa] dark:border-[#5e6278]" }`} value={props.values.timeline_days} diff --git a/src/components/Helpers/Inputs/InputCom/index.jsx b/src/components/Helpers/Inputs/InputCom/index.jsx index 8723171..150c575 100644 --- a/src/components/Helpers/Inputs/InputCom/index.jsx +++ b/src/components/Helpers/Inputs/InputCom/index.jsx @@ -76,7 +76,7 @@ export default function InputCom({
diff --git a/src/components/MyJobs/index.jsx b/src/components/MyJobs/index.jsx index 0792d55..9140c3a 100644 --- a/src/components/MyJobs/index.jsx +++ b/src/components/MyJobs/index.jsx @@ -9,12 +9,11 @@ export default function MyJobs(props) { let { state } = useLocation(); const navigate = useNavigate(); const [popUp, setPopUp] = useState(false); - - console.log(state) const popUpHandler = () => { setPopUp((prev) => !prev); - if (state?.popup) navigate("/", { replace: true }); + if (state?.popup) navigate("/", { replace: true }) + else return }; const categoryOptions = props.MyJobList?.data?.categories; diff --git a/src/components/jobPopout/EditJobPopout.jsx b/src/components/jobPopout/EditJobPopout.jsx index 6d68a53..d1f281b 100644 --- a/src/components/jobPopout/EditJobPopout.jsx +++ b/src/components/jobPopout/EditJobPopout.jsx @@ -1,13 +1,13 @@ -import React, { useCallback, useMemo, useState } from "react"; -import ModalCom from "../Helpers/ModalCom"; import { Field, Form, Formik } from "formik"; -import * as Yup from "yup"; -import InputCom from "../Helpers/Inputs/InputCom"; -import LoadingSpinner from "../Spinners/LoadingSpinner"; -import usersService from "../../services/UsersService"; -import { useNavigate } from "react-router-dom"; -import { tableReload } from "../../store/TableReloads"; +import React, { useCallback, useMemo, useState } from "react"; import { useDispatch } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import * as Yup from "yup"; +import usersService from "../../services/UsersService"; +import { tableReload } from "../../store/TableReloads"; +import InputCom from "../Helpers/Inputs/InputCom"; +import ModalCom from "../Helpers/ModalCom"; +import LoadingSpinner from "../Spinners/LoadingSpinner"; const validationSchema = Yup.object().shape({ country: Yup.string() @@ -74,14 +74,18 @@ const EditJobPopOut = ({ const handleEditJob = useCallback( async (values) => { - values.category = values.category?.join("@"); - values.price = Number(values.price) * 100; - setRequestStatus({ loading: true, message: "" }); let reqData = { + country: values?.country, + price: Number(values.price) * 100, + title: values?.title, + description: values?.description, + job_detail: values?.job_detail, + timeline_days: values?.timeline_days, + category: values.category?.join("@"), job_id: details.job_id, job_uid: details.job_uid, - ...values, }; + setRequestStatus({ loading: true, message: "" }); try { let res = await jobApi.jobManagerUpdateJob(reqData); @@ -230,7 +234,7 @@ const EditJobPopOut = ({ rows="5" className={`input-field px-6 py-2 placeholder:text-base text-dark-gray dark:text-white w-full h-[100px] bg-slate-100 dark:bg-[#11131F] focus:ring-0 focus:outline-[#dce4e9] ${ props.errors.job_detail && props.touched.job_detail - ? "border-[#ff0a0a63] shadow-red-500 border-[2px] animate-shake" + ? "border-[#ff0a0a63] shadow-red-500 border-[0.5px] animate-shake" : "border border-[#f5f8fa] dark:border-[#5e6278]" } rounded-[10px]`} style={{ resize: "none" }} @@ -297,7 +301,7 @@ const EditJobPopOut = ({ className={`input-field p-2 mt-3 rounded-md placeholder:text-base text-dark-gray dark:text-white w-full h-10 bg-slate-100 dark:bg-[#11131F] focus:ring-0 focus:outline-none ${ props.errors.timeline_days && props.touched.timeline_days - ? "border-[#ff0a0a63] shadow-red-500 border-[2px] animate-shake" + ? "border-[#ff0a0a63] shadow-red-500 border-[0.5px] animate-shake" : "border border-[#f5f8fa] dark:border-[#5e6278]" }`} value={props.values.timeline_days}