family assign task popout added

src/components/FamilyAcc/Tabs/FamilyManageTabs.jsx

@@ -171,6 +171,7 @@ export default function FamilyManageTabs({
                             className={className}
                             loader={details.familyTasks.loading}
                             familyData={details.familyTasks.data}
+                            familyDetails={details.familyDetails.data}
                           />
                         )}
                         {name === "Account" && (

src/components/FamilyAcc/Tabs/FamilyTasks.jsx

@@ -6,11 +6,20 @@ import PaginatedList from "../../Pagination/PaginatedList";
 import LoadingSpinner from "../../Spinners/LoadingSpinner";
 import Icons from "../../Helpers/Icons";
 import { PriceFormatter } from "../../Helpers/PriceFormatter";
+import ModalCom from "../../Helpers/ModalCom";
+import Detail from "../../jobPopout/popoutcomponent/Detail";
+import AssignTaskPopout from "../FamilyPopout/AssignTaskPopout";
 
-export default function FamilyTasks({ familyData, className, loader }) {
+export default function FamilyTasks({ familyData, familyDetails, className, loader }) {
   let navigate = useNavigate();
   let { pathname } = useLocation();
 
+  let [familyTaskPopout, setFamilyTaskPopout] = useState(false)
+
+  const familyPopUpHandler = () => {
+    setFamilyTaskPopout(prev => !prev)
+  }
+
   const [currentPage, setCurrentPage] = useState(0);
   const indexOfFirstItem = Number(currentPage);
   const indexOfLastItem =
@@ -34,7 +43,15 @@ export default function FamilyTasks({ familyData, className, loader }) {
         </div>
       ) : (
         <>
-          {" "}
+          <div className="w-full p-2 my-2 flex justify-end items-center">
+            <button
+              type="button"
+              onClick={familyPopUpHandler}
+              className="px-1 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
+            >
+              Add task for {familyDetails?.firstname}
+            </button>
+          </div>
           {familyData && familyData?.result_list && (
             <div className="relative w-full overflow-x-auto sm:rounded-lg flex flex-col justify-between h-full">
               <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
@@ -141,6 +158,13 @@ export default function FamilyTasks({ familyData, className, loader }) {
           )}
         </>
       )}
+      {familyTaskPopout &&
+        <AssignTaskPopout 
+          action={familyPopUpHandler}
+          situation={familyTaskPopout}
+          familyDetails={familyDetails}
+        />
+      }
     </div>
   );
 }