user currect task due time implementation

src/components/Home/index.jsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState, useEffect } from "react";
 import datas from "../../data/product_data.json";
 import Layout from "../Partials/Layout";
 import usersService from "../../services/UsersService";
@@ -11,10 +11,10 @@ export default function Home(props) {
 
     console.log("PROPS IN HOME->",props);
 
-//    const trending = datas.datas;
-//    const jobData =  datas.datas; // api calls or cache
+    let [nextDueTask, setNextDueTask] = useState({})
+
     const userApi = new usersService();
-//    const homeData = userApi.getHomeDate();
+
     const {userDetails} = useSelector((state) => state?.userDetails)
 
     const commonHeadData =()=>{
@@ -22,6 +22,22 @@ export default function Home(props) {
         return 0;
     }
 
+    // FUNCTION TO GET DASH DATA TO DETERMINE CURRENT TASK DUE TIME
+    const getHomeDate = () => {
+        userApi.getHomeDate().then(res => {
+            if(res.status != 200 || res.internal_return < 0){
+                return
+            }
+            setNextDueTask(res.data)
+        }).catch(error => {
+            console.log(error)
+        })
+    }
+
+    useEffect(()=>{
+        getHomeDate()
+    },[])
+
     return (
         <Layout>
             <div className="home-page-wrapper">
@@ -29,7 +45,7 @@ export default function Home(props) {
                     <FamilyDash commonHeadData={commonHeadData} />
                 )}
                 {userDetails && userDetails?.account_type == "FULL" && (
-                    <FullAccountDash   bannerList={props.bannerList} />
+                    <FullAccountDash  nextDueTask={nextDueTask} bannerList={props.bannerList} />
 
                 )}
             </div>