Family Tasks

src/components/FamilyAcc/FamilyManageTabs.jsx

@@ -9,6 +9,7 @@ import LoadingSpinner from "../Spinners/LoadingSpinner";
 import cover from "../../assets/images/profile-info-cover.png";
 import profile from "../../assets/images/profile-info-profile.png";
 import usersService from "../../services/UsersService";
+import FamilyTasks from "./FamilyTasks";
 
 export default function FamilyManageTabs({
   className,
@@ -130,7 +131,7 @@ export default function FamilyManageTabs({
                           <LoadingSpinner size="8" color="sky-blue" />
                         ) : (
                           <>
-                            {name === "Tasks" && <Tasks />}
+                            {name === "Tasks" && <FamilyTasks className={className} loader={loader}/>}
                             {name === "Account" && (
                               <Account familyDetails={familyDetails} />
                             )}

src/components/FamilyAcc/FamilyTasks.jsx

@@ -0,0 +1,31 @@
+import React, { useState } from "react";
+import dataImage1 from "../../assets/images/data-table-user-1.png";
+import LoadingSpinner from "../Spinners/LoadingSpinner";
+import { useNavigate, useLocation, Link } from "react-router-dom";
+
+export default function FamilyTasks({ className, loader }) {
+    return (
+        <div
+            className={`update-table w-full p-8 bg-white dark:bg-dark-white overflow-y-auto rounded-2xl section-shadow min-h-[520px] max-h-[600px] ${
+                className || ""
+            }`}
+        >
+            <div className="relative w-full overflow-x-auto sm:rounded-lg">
+                {loader ? (
+                    <div className="h-full min-h-[500px] w-full overflow-hidden flex justify-center items-center">
+                        <LoadingSpinner size="16" color="sky-blue" />
+                    </div>
+                ) : (
+                    <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 relative">
+
+                        <tr>
+                            <td> Yes This are my tasks </td>
+                        </tr>
+
+
+                    </table>
+                )}
+            </div>
+        </div>
+    );
+}