From a16d958fa2fcab020d368984d710570da3d6e6ad Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Thu, 8 Jun 2023 13:27:47 -0400
Subject: [PATCH] Review itemss

---
 src/Routers.jsx                               |  2 +
 src/components/MyActiveJobs/MyPastDueJobs.jsx |  1 -
 .../MyActiveJobs/MyReviewDueJobs.jsx          | 42 +++++++++++++++++++
 src/services/UsersService.js                  | 13 ++++++
 src/views/MyReviewDueJobsPage.jsx             | 33 +++++++++++++++
 5 files changed, 90 insertions(+), 1 deletion(-)
 create mode 100644 src/components/MyActiveJobs/MyReviewDueJobs.jsx
 create mode 100644 src/views/MyReviewDueJobsPage.jsx

diff --git a/src/Routers.jsx b/src/Routers.jsx
index d90f661..f48638f 100644
--- a/src/Routers.jsx
+++ b/src/Routers.jsx
@@ -42,6 +42,7 @@ import MyCouponPage from "./views/MyCouponPage";
 import AuthRedirect from "./views/AuthRedirect";
 import MyPastDueJobsPage from "./views/MyPastDueJobsPage";
 import BlogPage from "./views/BlogPage";
+import MyReviewDueJobsPage from "./views/MyReviewDueJobsPage";
 
 export default function Routers() {
   return (
@@ -90,6 +91,7 @@ export default function Routers() {
           <Route exact path="/my-active-jobs"  element={<MyActiveJobsPage />} />
           <Route exact path="/my-pastdue-jobs"  element={<MyPastDueJobsPage />} />
           <Route exact path="/my-pending-jobs"  element={<MyPendingJobsPage />} />
+          <Route exact path="/my-review-jobs"  element={<MyReviewDueJobsPage />} />
           <Route exact path="/acc-family"  element={<FamilyAccPage />} />
           <Route exact path="/manage-family"  element={<FamilyManagePage />} />
           <Route exact path="/start-job"  element={<StartJob />} />
diff --git a/src/components/MyActiveJobs/MyPastDueJobs.jsx b/src/components/MyActiveJobs/MyPastDueJobs.jsx
index 0390f10..880ba88 100644
--- a/src/components/MyActiveJobs/MyPastDueJobs.jsx
+++ b/src/components/MyActiveJobs/MyPastDueJobs.jsx
@@ -9,7 +9,6 @@ export default function MyPastDueJobs(props) {
     const filterHandler = (value) => {
         setValue(value);
     };
-    console.log("AMEYE LOC1", props.MyJobList);
     return (
         <Layout>
             <CommonHead
diff --git a/src/components/MyActiveJobs/MyReviewDueJobs.jsx b/src/components/MyActiveJobs/MyReviewDueJobs.jsx
new file mode 100644
index 0000000..784aff9
--- /dev/null
+++ b/src/components/MyActiveJobs/MyReviewDueJobs.jsx
@@ -0,0 +1,42 @@
+import React, { useState } from "react";
+import { Link } from "react-router-dom";
+import Layout from "../Partials/Layout";
+import CommonHead from "../UserHeader/CommonHead";
+import MyActiveJobTable from "./MyActiveJobTable";
+
+export default function MyReviewDueJobs(props) {
+    const [selectTab, setValue] = useState("today");
+    const filterHandler = (value) => {
+        setValue(value);
+    };
+    return (
+        <Layout>
+            <CommonHead
+                commonHeadData={props.commonHeadData}
+            />
+            <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"}`}
+                >
+                 Review Due Job(s)
+                </span>
+                            </h1>
+                        </div>
+                        <div className="slider-btns flex space-x-4">
+                            <div
+                                onClick={() => filterHandler("today")}
+                                className="relative"
+                            ></div>
+                        </div>
+                    </div>
+                    <MyActiveJobTable MyJobList={props.MyJobList} />
+                </div>
+            </div>
+        </Layout>
+    );
+}
diff --git a/src/services/UsersService.js b/src/services/UsersService.js
index 37cf02d..c7a5d74 100644
--- a/src/services/UsersService.js
+++ b/src/services/UsersService.js
@@ -265,6 +265,19 @@ class usersService {
     };
     return this.postAuxEnd("/jobmanageractive", postData);
   }
+  getMyReviewDueJobList() {
+    var postData = {
+      uuid: localStorage.getItem("uid"),
+      member_id: localStorage.getItem("member_id"),
+      sessionid: localStorage.getItem("session_token"),
+      job_mode: "REVIEW",
+      page: 0,
+      offset: 0,
+      limit: 100,
+    };
+    return this.postAuxEnd("/jobmanageractive", postData);
+  }
+
   getMyPendingJobList() {
     var postData = {
       uuid: localStorage.getItem("uid"),
diff --git a/src/views/MyReviewDueJobsPage.jsx b/src/views/MyReviewDueJobsPage.jsx
new file mode 100644
index 0000000..efae559
--- /dev/null
+++ b/src/views/MyReviewDueJobsPage.jsx
@@ -0,0 +1,33 @@
+import React, { useContext,useState, useEffect } from "react";
+import usersService from "../services/UsersService";
+import MyReviewDueJobs from "../components/MyActiveJobs/MyReviewDueJobs";
+
+export default function MyReviewDueJobsPage() {
+    const commonHeadData =()=>{
+        console.log("COMMON HEAD DATA ----------------=====---------------------");
+        return 0;
+    }
+    const [MyJobList, setMyJobList] = useState([]);
+    const api = new usersService();
+    const getMyJobList = async () => {
+        try {
+            const res = await api.getMyReviewDueJobList();
+            setMyJobList(res.data);
+        } catch (error) {
+            console.log("Error getting mode");
+        }
+    };
+    useEffect(() => {
+        getMyJobList();
+    }, []);
+
+    // debugger;
+    return (
+        <>
+            <MyReviewDueJobs
+                MyJobList={MyJobList}
+                commonHeadData={commonHeadData}
+            />
+        </>
+    );
+}