cookie bug fixing

src/components/AuthPages/Login/index.jsx

@@ -168,7 +168,7 @@ export default function Login() {
     }
     let loginValue = readCookie('loginType')
     setLoginType(loginValue)
-  },[loginType])
+  },[])
   
 
   useEffect(() => {

src/components/Cards/FamilyActiveJobsCard.jsx

@@ -0,0 +1,115 @@
+import { useState } from "react";
+import { Link } 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 }) {
+    const [imageUrl, setImageUrl] = useState("");
+    const [addFavorite, setValue] = useState(false);
+    const [options, setOption] = useState(false);
+    const favoriteHandler = () => {
+        if (!addFavorite) {
+            setValue(true);
+            toast.success("Added to Favorite List");
+        } else {
+            setValue(false);
+            toast.warn("Remove to Favorite List");
+        }
+    };
+
+
+    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">
+                {/* thumbnail */}
+                <div className="w-full h-40">
+                    {/* thumbnail image */}
+                    <div
+                        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`,
+                        }}
+                    >
+              {/*          <div className="product-options flex justify-between relative">*/}
+              {/*<span*/}
+              {/*    onClick={favoriteHandler}*/}
+              {/*    className={`w-7 h-7 bg-white   rounded-full flex justify-center items-center  cursor-pointer ${*/}
+              {/*        addFavorite ? "text-pink" : "  text-dark-gray"*/}
+              {/*    }`}*/}
+              {/*>*/}
+              {/*  <Icons name="love" />*/}
+              {/*</span>*/}
+              {/*              <span*/}
+              {/*                  onClick={() => setOption(!options)}*/}
+              {/*                  className="w-7 h-7 flex justify-center items-center bg-white  rounded-full cursor-pointer"*/}
+              {/*              >*/}
+              {/*  <Icons name="dots" />*/}
+              {/*</span>*/}
+              {/*              {options && (*/}
+              {/*                  <div*/}
+              {/*                      onClick={() => setOption(!options)}*/}
+              {/*                      className="w-full h-screen fixed top-0 left-0 z-10"*/}
+              {/*                  ></div>*/}
+              {/*              )}*/}
+              {/*              <div*/}
+              {/*                  style={{ boxShadow: "0px 4px 87px 0px #0000002B" }}*/}
+              {/*                  className={`drop-down-content w-[80px] bg-white dark:bg-dark-white   rounded-[4px] p-2.5 absolute right-0 top-[100%] z-20 ${*/}
+              {/*                      options ? "active" : ""*/}
+              {/*                  }`}*/}
+              {/*              >*/}
+
+              {/*              </div>*/}
+              {/*          </div>*/}
+                        {hidden && (
+                            <div className="flex justify-center">
+
+                            </div>
+                        )}
+                    </div>
+                </div>
+                {/* details */}
+                <div className="details">
+                    {/* product title */}
+                    <Link
+                        to="/active-bids"
+                        className="text-xl font-bold text-dark-gray dark:text-white mb-2 capitalize line-clamp-1"
+                    >
+                        {datas.title}
+                    </Link>
+                    {/* countdown */}
+                    <div className="w-full h-[54px] flex justify-evenly items-center p-2 rounded-lg border border-[#E3E4FE] dark:border-[#a7a9b533] ">
+                        <div className="flex flex-col justify-between">
+                            <p className="text-sm text-thin-light-gray dark:text-white tracking-wide">
+                                Task Code
+                            </p>
+                            <p className="text-base font-bold tracking-wide   text-dark-gray dark:text-white">
+                                {datas.price}
+                            </p>
+                        </div>
+                        <div className="w-[1px] h-full bg-[#E3E4FE] dark:bg-[#a7a9b533] "></div>
+                        <div className="flex flex-col justify-between">
+                            <p className="text-sm text-thin-light-gray dark:text-white tracking-wide">
+                                Remaining Time
+                            </p>
+                            <p className="text-base font-bold tracking-wide   text-dark-gray dark:text-white">
+                                <CountDown lastDate={datas.remaing} />
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div className="card-buttons flex items-center space-x-2">
+                <Link
+                    to="/active-bids"
+                    className="btn-shine w-[98px] h-[33px] text-white rounded-full text-sm bg-pink flex justify-center items-center"
+                >
+                    View
+                </Link>
+            </div>
+        </div>
+    );
+}

src/components/FamilyAcc/Tabs/FamilyWaitlist.jsx

@@ -68,7 +68,7 @@ const FamilyWaitlist = ({ familyData, className, loader }) => {
                                 {addedDate}
                               </p>
                               <p className="text-sm text-dark-gray dark:text-white">
-                                Status: {value.status}
+                                Status: {value.status_text}
                               </p>
                             </div>
                           </div>

src/components/FamilyPopup/SuggestTask.jsx

@@ -16,6 +16,7 @@ const SuggestTask = ({ details, onClose, situation }) => {
   const initialValues = {
     title: details?.title || "",
     description: details?.description || "",
+    banner: details?.banner
   };
 
   const apiCall = new usersService();
@@ -24,7 +25,7 @@ const SuggestTask = ({ details, onClose, situation }) => {
     if(!values.title && !values.description) return;
     try {
       setSubmitTask({ loading: true });
-      const reqData = { ...values };
+      const reqData = { ...values, };
       const res = await apiCall.sendFamilySuggestedTasks(reqData);
       if (res.internal_return < 0) {
         setSubmitTask({ loading: false, msg: res.status, state: "bad" });

src/components/Home/FamilyActiveLSlde.jsx

@@ -1,7 +1,8 @@
 import React, { useRef } from "react";
-import ProductCardStyleOne from "../Cards/ProductCardStyleOne";
+//import ProductCardStyleOne from "../Cards/ProductCardStyleOne";
 import Icons from "../Helpers/Icons";
 import SliderCom from "../Helpers/SliderCom";
+import FamilyActiveJobsCard from "../Cards/FamilyActiveJobsCard";
 
 export default function FamilyActiveLSlde({ className, trending }) {
     const settings = {
@@ -94,7 +95,7 @@ export default function FamilyActiveLSlde({ className, trending }) {
                     {trending &&
                         trending.length > 0 &&
                         trending.map((item) => (
-                            <ProductCardStyleOne key={item.id} datas={item} />
+                            <FamilyActiveJobsCard key={item.id} datas={item} />
                         ))}
                 </SliderCom>
             </div>

src/data/product_data.json

@@ -6,8 +6,8 @@
       "profile_img": "profile.png",
       "price": "75,320 ETH",
       "thumbnil": "tranding-1.jpg",
-      "remaing": "2023-03-04 4:00:00",
-      "title": "laborum cupidatat sit"
+      "remaing": "2023-08-04 4:00:00",
+      "title": "Wash Dishes"
     },
     {
       "id": 1,
@@ -15,8 +15,8 @@
       "profile_img": "profile.png",
       "price": "75,320 ETH",
       "thumbnil": "tranding-2.jpg",
-      "remaing": "2023-03-04 4:00:00",
-      "title": "velit occaecat voluptate"
+      "remaing": "2023-07-24 4:00:00",
+      "title": "Wash Planes"
     },
     {
       "id": 2,
@@ -24,7 +24,7 @@
       "profile_img": "profile.png",
       "price": "75,320 ETH",
       "thumbnil": "tranding-3.jpg",
-      "remaing": "2023-03-04 4:00:00",
+      "remaing": "2023-07-17 4:00:00",
       "title": "est reprehenderit amet"
     },
     {
@@ -33,7 +33,7 @@
       "profile_img": "profile.png",
       "price": "75,320 ETH",
       "thumbnil": "tranding-4.jpg",
-      "remaing": "2023-03-04 4:00:00",
+      "remaing": "2023-08-04 4:00:00",
       "title": "velit tempor nostrud"
     },
     {
@@ -42,7 +42,7 @@
       "profile_img": "profile.png",
       "price": "75,320 ETH",
       "thumbnil": "tranding-4.jpg",
-      "remaing": "2023-03-04 4:00:00",
+      "remaing": "2023-09-04 4:00:00",
       "title": "adipisicing sit nostrud"
     },
     {