fixed job image upload

src/components/jobPopout/EditJobPopout.jsx

@@ -53,7 +53,8 @@ const EditJobPopOut = ({
   const dispatch = useDispatch();
   const { userDetails } = useSelector((state) => state.userDetails);
   
-  const uploadedImage = localStorage.getItem('session_token') ? `${userDetails.session_image_server}${localStorage.getItem('session_token')}/jobs/${details?.job_uid}` : ''
+  const uploadedImage = `${userDetails.session_image_server}${localStorage.getItem('session_token')}/job/${details?.job_uid}`
+
   const [taskImage, setTaskImage] = useState(uploadedImage)
 
   let [uploadStatus, setUploadStatus] = useState({loading: false, status: false, message:''}) // HOLDS STATE FOR UPLOAD PROFILE PICTURE STATUS
@@ -140,7 +141,7 @@ const EditJobPopOut = ({
         let base64Img = imgReader.result.split(",")[1];
         let reqData = { // PAYLOAD FOR API CALL
           job_uid: details?.job_uid,
-          file_name: uploadedFile?.name,
+          file_name: uploadedFile?.name.slice(0,19),
           file_size: uploadedFile?.size,
           file_type: uploadedFile?.type?.split("/")[0]?.toLowerCase(),
           file_data: base64Img,
@@ -154,6 +155,11 @@ const EditJobPopOut = ({
           }
           setUploadStatus({loading: false, status: true, message: 'Uploaded successfully'})
           setTaskImage(event.target.result);
+          setTimeout(() => {
+            dispatch(tableReload({ type: "JOBTABLE" }));
+            navigate("/myjobs", { replace: true });
+            onClose();
+          }, 1000);
         }).catch(error=>{
           setUploadStatus({loading: false, status: false, message: 'Network error, try again'})
         }).finally(()=>{
@@ -353,7 +359,7 @@ const EditJobPopOut = ({
                         {taskImage ?
                         <div className="w-full absolute -top-5">
                           <img src={taskImage} className="max-h-[150px] min-h-[150px] w-full object-cover" alt="uplaoded task image" />
-                          <span onClick={()=>setTaskImage('')} className="p-2 absolute text-sm top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white/20 hover:bg-white/70 hover:shadow-md transition-all duration-500 cursor-pointer text-slate-800">Remove Image</span>
+                          <span onClick={()=>setTaskImage('')} className="p-2 absolute text-sm top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white/80 hover:bg-white hover:shadow-md transition-all duration-500 cursor-pointer text-slate-800">Remove Image</span>
                         </div>
                         :
                         <label