Review itemss

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 />} />

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

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>
+    );
+}

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"),

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}
+            />
+        </>
+    );
+}