src/components/AddJob/AddJob.jsx

@@ -94,6 +94,7 @@ 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;
     setRequestStatus({ loading: true, status: false, message: "" });
     ApiCall.jobManagerCreateJob(values)
       .then((res) => {

src/components/Cards/AvailableJobsCard.jsx

@@ -13,38 +13,14 @@ export default function AvailableJobsCard({
 }) {
   //debugger;
   const [marketPopUp, setMarketPopUp] = useState({ show: false, data: {} });
-  const [manageInt, setManageInt] = useState(null);
   const [imageUrl, setImageUrl] = useState("");
 
-  const navigate = useNavigate();
-  const apiCall = useMemo(() => new usersService(), []);
-
-  const marketInterestData = useCallback(async () => {
-    let { offer_code } = datas;
-    let reqData = { offer_code };
-
-    try {
-      const manageInt = await apiCall.MarketInterest(reqData);
-      const manageIntRes = await manageInt?.data;
-      setManageInt(manageIntRes);
-    } catch (error) {
-      throw new Error(error);
-    }
-  }, [apiCall, datas]);
-
   let thePrice = PriceFormatter(  
     datas?.price * 0.01,
     datas?.currency_code,
     datas?.currency
   );
 
-  useEffect(() => {
-    if (!datas) {
-      navigate("/market", { replace: true });
-    }
-    marketInterestData();
-  }, []);
-
   useEffect(() => {
     const imagePath = require(`../../assets/images/${datas.thumbnil}`); // Replace with your directory path for local images
     setImageUrl(imagePath);
@@ -227,7 +203,6 @@ export default function AvailableJobsCard({
             setMarketPopUp({ show: false, data: {} });
           }}
           situation={marketPopUp.show}
-          marketInt={manageInt}
         />
       )}
     </>

src/components/MarketPlace/PopUp/MarketPopUp.jsx

@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import ModalCom from "../../Helpers/ModalCom";
 import { toast } from "react-toastify";
 import usersService from "../../../services/UsersService";
@@ -6,17 +6,93 @@ import LoadingSpinner from "../../Spinners/LoadingSpinner";
 import { PriceFormatter } from "../../Helpers/PriceFormatter";
 
 const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
-  const [marketMsg, setMarketMsg] = useState({
-    loading: false,
-    data: {},
-    state: undefined,
-  });
-  const [manageInt, setManageInt] = useState({
-    loading: false,
-    data: {},
-    state: undefined,
-    msg: "",
-  });
+  const MarketCalls = (details) => {
+    const [marketMsg, setMarketMsg] = useState({
+      loading: false,
+      data: {},
+      state: undefined,
+    });
+    const [manageInt, setManageInt] = useState({
+      loading: false,
+      data: {},
+      state: undefined,
+      msg: "",
+    });
+
+    const { offer_code } = details;
+    const reqData = { offer_code };
+
+    const MarketDetail = async () => {
+      try {
+        setMarketMsg({ loading: true });
+        if (!textValue) return;
+
+        reqData.yourmessage = textValue;
+
+        const marketMessage = await apiCall.MarketMessage(reqData);
+        const marketMessageRes = marketMessage?.data;
+
+        if (marketMessageRes?.internal_return < 0) {
+          toast.warn("Something wrong happened", {
+            autoClose: 2000,
+            hideProgressBar: true,
+          });
+          onClose();
+          return;
+        }
+
+        toast.success("Message sent", {
+          autoClose: 2500,
+          hideProgressBar: true,
+        });
+
+        setMarketMsg({ data: marketMessageRes, state: true });
+        setTimeout(() => onClose(), 2000);
+      } catch (error) {
+        throw new Error(error);
+      } finally {
+        setTimeout(() => {
+          setTextValue("");
+          setMarketMsg({ loading: false });
+        }, 2000);
+      }
+    };
+
+    const ManageInterest = async () => {
+      try {
+        setManageInt({ loading: true });
+
+        const manageInt = await apiCall.MarketInterest(reqData);
+        const manageIntRes = manageInt?.data;
+
+        if (manageIntRes?.internal_return < 0) {
+          setManageInt({
+            loading: false,
+            msg: manageIntRes?.status,
+            data: manageIntRes,
+            state: false,
+          });
+        } else {
+          setManageInt({
+            loading: false,
+            msg: manageIntRes?.status,
+            data: manageIntRes,
+            state: true,
+          });
+        }
+
+        setTimeout(() => setManageInt({ msg: "" }), 3000);
+      } catch (error) {
+        throw new Error(error);
+      }
+    };
+
+    // useEffect(() => {
+    //   ManageInterest();
+    // }, []);
+
+    return { MarketDetail, ManageInterest, manageInt, marketMsg };
+  };
 
   const [textValue, setTextValue] = useState("");
 
@@ -26,75 +102,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
 
   const apiCall = useMemo(() => new usersService(), []);
 
-  const marketCalls = useCallback(
-    async (e) => {
-      try {
-        const nameOfCall = e?.target?.name;
-        const { offer_code } = details;
-        const reqData = { offer_code };
-
-        if (nameOfCall === "market-message") {
-          setMarketMsg({ loading: true });
-          if (!textValue) return;
-
-          reqData.yourmessage = textValue;
-
-          const marketMessage = await apiCall.MarketMessage(reqData);
-          const marketMessageRes = marketMessage?.data;
-
-          if (marketMessageRes?.internal_return < 0) {
-            toast.warn("Something wrong happened", {
-              autoClose: 2000,
-              hideProgressBar: true,
-            });
-            onClose();
-            return;
-          }
-
-          toast.success("Message sent", {
-            autoClose: 2500,
-            hideProgressBar: true,
-          });
-
-          setMarketMsg({ data: marketMessageRes, state: true });
-          setTimeout(() => onClose(), 2000);
-        } else {
-          setManageInt({ loading: true });
-
-          const manageInt = await apiCall.MarketInterest(reqData);
-          const manageIntRes = manageInt?.data;
-
-          if (manageIntRes?.internal_return < 0) {
-            setManageInt({
-              loading: false,
-              msg: `Error - ${manageIntRes?.status}`,
-              data: manageIntRes,
-              state: false,
-            });
-          } else {
-            setManageInt({
-              loading: false,
-              msg: manageIntRes?.status,
-              data: manageIntRes,
-              state: true,
-            });
-          }
-
-          setTimeout(() => setManageInt({ msg: "" }), 3000);
-
-          return;
-        }
-      } catch (error) {
-        throw new Error(error);
-      } finally {
-        setTimeout(() => {
-          setTextValue("");
-          setMarketMsg({ loading: false });
-        }, 2000);
-      }
-    },
-    [apiCall, details, onClose, textValue]
-  );
+  let { manageInt, ManageInterest, MarketDetail, marketMsg } = MarketCalls(details);
 
   let thePrice = PriceFormatter(
     details?.price * 0.01,
@@ -103,12 +111,20 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
   );
 
   // let addedIntDate = marketInt?.added?.split(" ")[0];
-  let expireIntDate = marketInt?.expire?.split(" ")[0];
+  // let expireIntDate = marketInt?.expire?.split(" ")[0];
 
-  // let cleanedText = details?.job_description.replace(/&lt;/g, '<')
-  // .replace(/&gt;/g, '>')
-  // .replace(/&quot;/g, '"')
-  // .replace(/&amp;/g, '&')
+  let cleanedText = details?.job_description
+    ?.replace(/&lt;/g, "<")
+    .replace(/&gt;/g, ">")
+    .replace(/&quot;/g, '"')
+    .replace(/&amp;/g, "&");
+
+  console.log("first wait", {
+    manageInt,
+    ManageInterest,
+    MarketDetail,
+    marketMsg,
+  });
 
   return (
     <ModalCom action={onClose} situation={situation} className="edit-popup">
@@ -142,7 +158,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
                 },
                 {
                   name: "Delivery Detail",
-                  content: details.job_description,
+                  content: cleanedText,
                   danger: true,
                 },
               ].map(({ name, content, danger }, idx) => (
@@ -161,7 +177,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
                       <p
                         className={``}
                         dangerouslySetInnerHTML={{
-                          __html: danger && content?.replace(/"/g, ""),
+                          __html: danger && content,
                         }}
                       />
                     ) : (
@@ -207,7 +223,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
               <button
                 className="self-end w-[150px] h-[52px] rounded-md text-base bg-yellow-500 text-white"
                 name="market-message"
-                onClick={marketCalls}
+                onClick={MarketDetail}
               >
                 {marketMsg.loading ? (
                   <LoadingSpinner size={5} color="white" />
@@ -230,7 +246,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
                 <button
                   className="bg-[#57cd89] text-center text-lg font-semibold text-white py-2 px-4 rounded-md inline-flex sm:flex-col flex-row sm:gap-0 gap-1 items-center justify-center"
                   name="market-interest"
-                  onClick={marketCalls}
+                  onClick={ManageInterest}
                 >
                   {" "}
                   <span>Send</span>
@@ -261,7 +277,9 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
                   Interest: <b className="ml-1">{details.interest_count}</b>
                 </p>
                 <hr />
-                <p className="my-1">Expire: {expireIntDate}</p>
+                <p className="my-1">
+                  Expire: {details.expire}
+                </p>
               </div>
             </div>
             <button

src/components/MyWaitingJobs/MyWaitingJobTable.jsx

@@ -1,17 +1,13 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useState } from "react";
 import dataImage2 from "../../assets/images/data-table-user-2.png";
 import { handlePagingFunc } from "../Pagination/HandlePagination";
 import PaginatedList from "../Pagination/PaginatedList";
-import PendingJobsPopout from "../jobPopout/PendingJobsPopout";
 import { PriceFormatter } from "../Helpers/PriceFormatter";
 import MarketPopUp from "../MarketPlace/PopUp/MarketPopUp";
-import usersService from "../../services/UsersService";
-import { useNavigate } from "react-router-dom";
 
 export default function MyWaitingJobTable({ MyJobList, className }) {
   let [jobPopout, setJobPopout] = useState({ show: false, data: {} }); // STATE TO HOLD THE VALUE OF THE ALERT DETAILS AND DETERMINE WHEN TO SHOW
-  const [manageInt, setManageInt] = useState(null);
-  
+
   const [currentPage, setCurrentPage] = useState(0);
   const indexOfFirstItem = Number(currentPage);
   const indexOfLastItem =
@@ -25,31 +21,6 @@ export default function MyWaitingJobTable({ MyJobList, className }) {
     handlePagingFunc(e, setCurrentPage);
   };
 
-  let navigate = useNavigate();
-
-  const apiCall = useMemo(() => new usersService(), []);
-
-  const marketInterestData = useCallback(async () => {
-    let { offer_code } = MyJobList;
-    let reqData = { offer_code };
-
-    try {
-      const manageInt = await apiCall.MarketInterest(reqData);
-      const manageIntRes = await manageInt?.data;
-      setManageInt(manageIntRes);
-    } catch (error) {
-      throw new Error(error);
-    }
-  }, [apiCall, MyJobList]);
-
-  useEffect(() => {
-    if (!MyJobList) {
-      navigate("/pend-interest", { replace: true });
-    }
-    marketInterestData();
-  }, []);
-
-
   return (
     <div
       className={`update-table w-full p-8 bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow min-h-[520px] ${
@@ -66,7 +37,7 @@ export default function MyWaitingJobTable({ MyJobList, className }) {
                   MyJobList?.result_list &&
                   MyJobList.result_list.length > 0 ? (
                     currentActiveJobList.map((value, index) => {
-                      let deliveryDate = value?.expire?.split(" ")[0];
+                      // let deliveryDate = value?.expire?.split(" ")[0];
                       let thePrice = PriceFormatter(
                         value?.price * 0.01,
                         value?.currency_code,
@@ -102,21 +73,21 @@ export default function MyWaitingJobTable({ MyJobList, className }) {
                                     Duration:{" "}
                                     <span className="text-purple">
                                       {" "}
-                                      {value.timeline_days} day(s)
+                                      {value?.timeline_days} day(s)
                                     </span>
                                   </span>
                                   <span className="text-sm text-thin-light-gray">
                                     Expire:{" "}
                                     <span className="text-purple">
                                       {" "}
-                                      {deliveryDate}
+                                      {value?.expire}
                                     </span>
                                   </span>
                                   <span className="text-sm text-thin-light-gray">
                                     Sent :{" "}
                                     <span className="text-purple">
                                       {" "}
-                                      {value.sent}
+                                      {value?.sent}
                                     </span>
                                   </span>
                                 </div>
@@ -172,7 +143,6 @@ export default function MyWaitingJobTable({ MyJobList, className }) {
           onClose={() => {
             setJobPopout({ show: false, data: {} });
           }}
-          marketInt={manageInt}
           situation={jobPopout.show}
         />
       )}

src/components/jobPopout/EditJobPopout.jsx

@@ -75,13 +75,14 @@ const EditJobPopOut = ({
   const handleEditJob = useCallback(
     async (values) => {
       values.category = values.category?.join("@");
+      values.price = Number(values.price) * 100;
       setRequestStatus({ loading: true, message: "" });
       let reqData = {
         job_id: details.job_id,
         job_uid: details.job_uid,
         ...values,
       };
-      
+
       try {
         let res = await jobApi.jobManagerUpdateJob(reqData);
         let { data } = await res;