From e96b9475ce59442c2c5e032081bdef5f1b46e8fa Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Mon, 22 May 2023 10:54:08 -0400
Subject: [PATCH] Family Tasks

---
 src/components/FamilyAcc/FamilyManageTabs.jsx |  3 +-
 src/components/FamilyAcc/FamilyTasks.jsx      | 31 +++++++++++++++++++
 2 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 src/components/FamilyAcc/FamilyTasks.jsx

diff --git a/src/components/FamilyAcc/FamilyManageTabs.jsx b/src/components/FamilyAcc/FamilyManageTabs.jsx
index 9c1760b..590af79 100644
--- a/src/components/FamilyAcc/FamilyManageTabs.jsx
+++ b/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} />
                             )}
diff --git a/src/components/FamilyAcc/FamilyTasks.jsx b/src/components/FamilyAcc/FamilyTasks.jsx
new file mode 100644
index 0000000..93d03a4
--- /dev/null
+++ b/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>
+    );
+}