Family Page

src/Routers.jsx

@@ -32,6 +32,7 @@ import MyJobsPage from "./views/MyJobsPage";
 import ReferralPage from "./views/ReferralPage";
 import VerifyLinkPages from "./views/VerifyLinkPages";
 import MyActiveJobsPage from "./views/MyActiveJobsPage";
+import FamilyAccPage from "./views/FamilyAccPage";
 
 export default function Routers() {
   return (
@@ -75,7 +76,7 @@ export default function Routers() {
           <Route exact path="/mytask" element={<MyTaskPage />} />
           <Route exact path="/myjobs" element={<MyJobsPage />} />
           <Route exact path="/my-active-jobs"  element={<MyActiveJobsPage />} />
-          <Route exact path="/acc-family"  element={<MyJobsPage />} />
+          <Route exact path="/acc-family"  element={<FamilyAccPage />} />
           <Route
             exact
             path="/my-collection/collection-item"

src/components/FamilyAcc/index.jsx

@@ -0,0 +1,40 @@
+import React, { useState } from "react";
+import { Link } from "react-router-dom";
+import Layout from "../Partials/Layout";
+import CommonHead from "../UserHeader/CommonHead";
+import FamilyTable from "./FamilyTable";
+
+export default function FamilyAcc() {
+    const [selectTab, setValue] = useState("today");
+    const filterHandler = (value) => {
+        setValue(value);
+    };
+    return (
+        <Layout>
+            <CommonHead />
+            <div className="notification-page w-full mb-10">
+                <div className="notification-wrapper w-full">
+                    {/* heading */}
+                    <div className="sm:flex justify-between items-center mb-6">
+                        <div className="mb-5 sm:mb-0">
+                            <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
+                <span
+                    className={`${selectTab === "today" ? "block" : "hidden"}`}
+                >
+                  My Tasks
+                </span>
+
+                            </h1>
+                        </div>
+                        <div className="slider-btns flex space-x-4">
+                            <div onClick={() => filterHandler("today")} className="relative">
+
+                            </div>
+                        </div>
+                    </div>
+                    <FamilyTable />
+                </div>
+            </div>
+        </Layout>
+    );
+}

src/views/FamilyAccPage.jsx

@@ -0,0 +1,28 @@
+import React, { useContext,useState, useEffect } from "react";
+import usersService from "../services/UsersService";
+import FamilyAcc from "../components/FamilyAcc";
+
+export default function FamilyAccPage() {
+
+    const [MyActiveJobList, setMyActiveJobList] = useState([]);
+    const api = new usersService();
+
+    const getMyActiveJobList = async () => {
+        try {
+            const res = await api.getMyActiveJobList();
+            setMyActiveJobList(res.data);
+        } catch (error) {
+            console.log("Error getting mode");
+        }
+    };
+    useEffect(() => {
+        getMyActiveJobList();
+    }, []);
+
+    //debugger;
+    return (
+        <>
+            <FamilyAcc ActiveJobList={MyActiveJobList}/>
+        </>
+    );
+}