Added Popup for suggest task

src/components/FamilyAcc/FamilyMarket.jsx

@@ -8,17 +8,41 @@ import SearchCom from "../Helpers/SearchCom";
 import collections from "../../data/collectionplan_data.json";
 import FamilyMarketCard from "../Cards/FamilyMarketCard";
 import { Link } from "react-router-dom";
+import usersService from "../../services/UsersService";
+import SuggestTask from "../FamilyPopup/SuggestTask";
 
 export default function FamilyMarket() {
   const [selectTab, setValue] = useState("today");
   const [popUp, setPopUp] = useState(false);
 
-  const apiCall = useMemo(() => new SiteService(), []);
+  const [MyFamilySampleTasks, setMyFamilySampleTasks] = useState({
+    loading: true,
+    status: false,
+    data: [],
+  });
 
-  // This is to make sure it's called once and used everywhere
-  let memberId = localStorage.getItem("member_id");
-  let uid = localStorage.getItem("uid");
-  let sessionId = localStorage.getItem("session_token");
+  const apiCall = useMemo(() => new usersService(), []);
+
+  const getMyFamilySampleTasks = useCallback(async () => {
+    setMyFamilySampleTasks({ loading: true, status: false, data: [] });
+    try {
+      const res = await apiCall.getFamilySampleTasks();
+      setMyFamilySampleTasks({
+        loading: false,
+        status: true,
+        data: res.data.result_list,
+      });
+    } catch (error) {
+      setMyFamilySampleTasks({ loading: false, status: false, data: [] });
+      console.log("Error getting tasks");
+    }
+  }, [apiCall, setMyFamilySampleTasks]);
+
+  useEffect(() => {
+    getMyFamilySampleTasks();
+  }, [getMyFamilySampleTasks]);
+
+  console.log("My family stuff>> ", MyFamilySampleTasks);
 
   const popUpHandler = () => {
     setPopUp((prev) => !prev);
@@ -56,24 +80,23 @@ export default function FamilyMarket() {
           <div className="filter-section w-full items-center sm:flex justify-between mb-6">
             {/* filter-search */}
             <div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
-              <SearchCom />
+              <SearchCom placeholder="Search for tasks..." />
             </div>
             {/* filer-dropdown */}
             <div className="flex-1 flex sm:justify-end">
-              <Link
-                to="/upload-product"
+              <button onClick={popUpHandler}
                 className="btn-gradient lg:flex hidden w-[153px] h-[46px] rounded-full text-white justify-center items-center"
               >
                 Any Other Task
-              </Link>
+              </button>
             </div>
           </div>
           <div className="content-section w-full-width">
             <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-[30px]">
               <DataIteration
-                datas={collections?.data}
+                datas={MyFamilySampleTasks?.data}
                 startLength={process.env.REACT_APP_ZERO_STATE}
-                endLength={collections?.data.length}
+                endLength={MyFamilySampleTasks?.data.length}
               >
                 {({ datas }) => (
                   <FamilyMarketCard key={datas.id} datas={datas} />
@@ -83,11 +106,7 @@ export default function FamilyMarket() {
           </div>
         </div>
       </div>
-      {popUp && (
-        <ModalCom action={popUpHandler} situation={popUp}>
-          {/*  */}
-        </ModalCom>
-      )}
+      {popUp && <SuggestTask onClose={popUpHandler} situation={popUp} />}
     </Layout>
   );
 }