changed text price to reward

src/components/jobPopout/DeleteJobPopout.jsx

@@ -119,7 +119,7 @@ function DeleteJobPopout({ details, onClose, situation }) {
               {details.title}
             </p>
             <p className="text-lg tracking-wide text-dark-gray dark:text-white flex items-start gap-1">
-              <span className="job-label">Price: </span>{details.thePrice}
+              <span className="job-label">Reward: </span>{details.thePrice}
             </p>
             <p className="text-lg tracking-wide text-dark-gray dark:text-white">
               <span className="job-label">Duration: </span>{details.timeline_days} day(s)

src/components/jobPopout/EditJobPopout.jsx

@@ -273,7 +273,7 @@ const EditJobPopOut = ({
                           <div className="field w-full">
                             <InputCom
                               fieldClass="px-6 text-right"
-                              label="Price"
+                              label="Reward"
                               labelClass="tracking-wide"
                               inputBg="bg-slate-100"
                               inputClass="input-curve lg border border-light-purple"

src/components/jobPopout/EditJobPopoutNew.jsx

@@ -274,7 +274,7 @@ const EditJobPopoutNew = ({
                                 <div className="field w-full mb-[0.5rem] sm:mb-0">
                                 <InputCom
                                     fieldClass="px-6 text-right"
-                                    label="Price"
+                                    label="Reward"
                                     labelClass="tracking-wide"
                                     inputBg="bg-slate-100"
                                     inputClass="input-curve lg border border-light-purple"

src/components/jobPopout/FamilyOfferJobPopout.jsx

@@ -186,7 +186,7 @@ function FamilyOfferJobPopout({ details, onClose, situation }) {
                     </div>
 
                     <div className="my-2 md:flex">
-                    <Detail label="Price" value={details.thePrice} />
+                    <Detail label="Reward" value={details.thePrice} />
                     </div>
 
                     <div className="my-2 md:flex">

src/components/jobPopout/JobListPopout.jsx

@@ -263,7 +263,7 @@ function JobListPopout({
   const DetailsComponent = () => {
     const detailsArray = [
       { label: "Description", value: details.description },
-      { label: "Price", value: details.thePrice },
+      { label: "Reward", value: details.thePrice },
       { label: "Timeline", value: `${details.timeline_days} day(s)` },
       { label: "Created", value: new Date(details?.created).toDateString() },
     ];

src/components/jobPopout/NewJobListPopout.jsx

@@ -246,7 +246,7 @@ function NewJobListPopout({
   const DetailsComponent = () => {
     const detailsArray = [
       { label: "Description", value: details.description },
-      { label: "Price", value: details.thePrice },
+      { label: "Reward", value: details.thePrice },
       { label: "Timeline", value: `${details.timeline_days} day(s)` },
       { label: "Created", value: new Date(details?.created).toDateString() },
     ];

src/components/jobPopout/OfferJobPopout.jsx

@@ -162,7 +162,7 @@ function OfferJobPopout({ details, onClose, situation }) {
             </div>
 
             <div className="my-2 md:flex">
-              <Detail label="Price" value={details.thePrice} />
+              <Detail label="Reward" value={details.thePrice} />
             </div>
 
             <div className="my-2 md:flex">

src/components/jobPopout/PendingJobsPopout.jsx

@@ -3,13 +3,12 @@ import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
 import usersService from "../../services/UsersService";
 import ModalCom from "../Helpers/ModalCom";
-import { PriceFormatter } from "../Helpers/PriceFormatter";
 import LoadingSpinner from "../Spinners/LoadingSpinner";
 import Detail from "./popoutcomponent/Detail";
 
 import { useDispatch } from "react-redux";
-import { tableReload } from "../../store/TableReloads";
 import { NewDateTimeFormatter } from "../../lib/NewDateTimeFormatter";
+import { tableReload } from "../../store/TableReloads";
 
 const showSuccessToast = (message) => {
   toast.success(message, {
@@ -73,7 +72,7 @@ function PendingJobsPopout({ details, onClose, situation }) {
           setRequestMessage({ status: true, message: res.data.status });
           dispatch(tableReload({ type: "PENDINGTABLE" }));
           setTimeout(() => {
-            onClose()
+            onClose();
             setPendingJobLoader({ extend: false, offer: false });
             setRequestMessage({ status: false, message: "" });
           }, 4000);
@@ -140,14 +139,8 @@ function PendingJobsPopout({ details, onClose, situation }) {
     <ModalCom action={onClose} situation={situation}>
       <div className="logout-modal-wrapper w-[90%] md:w-[768px] bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
         <div className="modal-header-con">
-          <h1 className="modal-title">
-            Manage Pending Item
-          </h1>
-          <button
-            type="button"
-            className="modal-close-btn"
-            onClick={onClose}
-          >
+          <h1 className="modal-title">Manage Pending Item</h1>
+          <button type="button" className="modal-close-btn" onClick={onClose}>
             <svg
               width="36"
               height="36"
@@ -214,7 +207,7 @@ function PendingJobsPopout({ details, onClose, situation }) {
 
             <div className="my-2 md:flex">
               <Detail
-                label="Price"
+                label="Reward"
                 // value={`${details.price * 0.01} ${details.currency}`}
                 value={PriceFormatter(
                   details.price * 0.01,