family current task added

src/components/Cards/FamilyActiveJobsCard.jsx

@@ -1,11 +1,15 @@
 import { useState } from "react";
-import { Link } from "react-router-dom";
+import { Link, useLocation } from "react-router-dom";
 import { toast } from "react-toastify";
 import localImgLoad from "../../lib/localImgLoad";
 import CountDown from "../Helpers/CountDown";
 import Icons from "../Helpers/Icons";
 
 export default function FamilyActiveJobsCard({ datas, hidden = false }) {
+
+    let { pathname } = useLocation();
+    console.log('TESTING11111',datas)
+
     const [imageUrl, setImageUrl] = useState("");
     const [addFavorite, setValue] = useState(false);
     const [options, setOption] = useState(false);
@@ -19,7 +23,6 @@ export default function FamilyActiveJobsCard({ datas, hidden = false }) {
         }
     };
 
-
     return (
         <div className="card-style-one flex flex-col justify-between w-full h-[387px] bg-white dark:bg-dark-white   p-3 pb rounded-2xl">
             <div className="content">
@@ -30,8 +33,8 @@ export default function FamilyActiveJobsCard({ datas, hidden = false }) {
                         className="thumbnail w-full h-full rounded-xl overflow-hidden px-4 pt-4"
                         style={{
                             background: `url(${localImgLoad(
-                                `images/${datas.thumbnil}`
-                            )}) 0% 0% / cover no-repeat`,
+                                `images/taskbanners/${datas.banner}`
+                            )}) center / contain no-repeat`,
                         }}
                     >
               {/*          <div className="product-options flex justify-between relative">*/}
@@ -75,7 +78,8 @@ export default function FamilyActiveJobsCard({ datas, hidden = false }) {
                 <div className="details">
                     {/* product title */}
                     <Link
-                        to="/active-bids"
+                        to="/manage-active-job"
+                        state={{ ...datas, pathname }}
                         className="text-xl font-bold text-dark-gray dark:text-white mb-2 capitalize line-clamp-1"
                     >
                         {datas.title}
@@ -87,7 +91,7 @@ export default function FamilyActiveJobsCard({ datas, hidden = false }) {
                                 Task Code
                             </p>
                             <p className="text-base font-bold tracking-wide   text-dark-gray dark:text-white">
-                                {datas.price}
+                                {datas.contract}
                             </p>
                         </div>
                         <div className="w-[1px] h-full bg-[#E3E4FE] dark:bg-[#a7a9b533] "></div>
@@ -96,15 +100,16 @@ export default function FamilyActiveJobsCard({ datas, hidden = false }) {
                                 Remaining Time
                             </p>
                             <p className="text-base font-bold tracking-wide   text-dark-gray dark:text-white">
-                                <CountDown lastDate={datas.remaing} />
+                                <CountDown lastDate={datas.delivery_date} />
                             </p>
                         </div>
                     </div>
                 </div>
             </div>
-            <div className="card-buttons flex items-center space-x-2">
+            <div className="card-buttons flex justify-end items-center space-x-2">
                 <Link
-                    to="/active-bids"
+                    to="/manage-active-job"
+                    state={{ ...datas, pathname }}
                     className="btn-shine w-[98px] h-[33px] text-white rounded-full text-sm bg-pink flex justify-center items-center"
                 >
                     View