My jobs items

src/Routers.jsx

@@ -28,6 +28,7 @@ import TrackingPage from "./views/TrackingPage";
 import CalendarPage from "./views/CalendarPage";
 import ResourcePage from "./views/ResourcePage";
 import MyTaskPage from "./views/MyTaskPage";
+import MyJobsList from "./views/MyJobsList";
 
 export default function Routers() {
   return (
@@ -67,6 +68,7 @@ export default function Routers() {
           <Route exact path="/market" element={<MarketPlacePage />} />
           <Route exact path="/notification" element={<Notification />} />
           <Route exact path="/mytask" element={<MyTaskPage />} />
+          <Route exact path="/myjobs" element={<MyJobsList />} />
           <Route
             exact
             path="/my-collection/collection-item"

src/components/MyJobs/index.jsx

@@ -0,0 +1,40 @@
+import React, { useState } from "react";
+import { Link } from "react-router-dom";
+import Layout from "../Partials/Layout";
+import MyJobTable from "./MyJobTable";
+import CommonHead from "../UserHeader/CommonHead";
+
+export default function MyJobs() {
+    const [selectTab, setValue] = useState("today");
+    const filterHandler = (value) => {
+        setValue(value);
+    };
+    return (
+        <Layout>
+            <CommonHead />
+            <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"}`}
+                >
+                  My Tasks
+                </span>
+
+                            </h1>
+                        </div>
+                        <div className="slider-btns flex space-x-4">
+                            <div onClick={() => filterHandler("today")} className="relative">
+
+                        </div>
+                    </div>
+                    </div>
+                    <MyJobTable />
+                </div>
+            </div>
+        </Layout>
+    );
+}

src/components/MyWallet/WalletHeader.jsx

@@ -33,7 +33,7 @@ export default function WalletHeader(props) {
                 >
                     <div className="heading border-b dark:border-[#5356fb29]  border-light-purple px-7 py-6">
                         <h3 className="text-xl font-bold   text-dark-gray dark:text-white">
-                            Your Balance
+                            Wallet
                         </h3>
                     </div>
                     <div className="content px-7 pb-7">
@@ -61,7 +61,7 @@ export default function WalletHeader(props) {
                                                         {value.amount*0.01} {value.code}
                                                     </p>
                                                     <p className="usd text-base text-thin-light-gray text-right">
-                                                        (773.69 USD)
+                                                        {/*(773.69 USD)*/}
                                                     </p>
                                                 </div>
                                             </div>
@@ -169,20 +169,20 @@ export default function WalletHeader(props) {
                                 type="button"
                                 className="w-[122px] h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
                             >
-                                Add Money
+                                Manage
                             </button>
                         </div>
                     </div>
                 </div>
             </div>
-            <div
+            {/*<div*/}
-                className="lg:hidden flex user-balance cursor-pointer lg:w-[252px] w-[150px] h-[48px]  items-center rounded-full relative  bg-purple">
+            {/*    className="lg:hidden flex user-balance cursor-pointer lg:w-[252px] w-[150px] h-[48px]  items-center rounded-full relative  bg-purple">*/}
-                <div className="flex items-center lg:justify-between justify-center w-full h-full">
+            {/*    <div className="flex items-center lg:justify-between justify-center w-full h-full">*/}
-                    <p className="lg:text-xl text-lg font-bold text-white">
+            {/*        <p className="lg:text-xl text-lg font-bold text-white">*/}
-                        $ 234,435.34
+            {/*            $ 234,435.34*/}
-                    </p>
+            {/*        </p>*/}
-                </div>
+            {/*    </div>*/}
-            </div>
+            {/*</div>*/}
             <div className="lg:hidden block"></div>
         </>);
 }

src/components/Partials/Sidebar.jsx

@@ -249,7 +249,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
             <ul className="flex flex-col space-y-6">
               <li className="item group">
                 <NavLink
-                    to="/market"
+                    to="/myjobs"
                     className={`nav-item flex items-center ${
                         ((navData) => (navData.isActive ? "active" : ""),
                             sidebar ? "justify-start space-x-3.5" : "justify-center")

src/services/UsersService.js

@@ -96,6 +96,17 @@ class usersService {
         return this.postAuxEnd("/getjobsdata", postData);
     }
 
+    getMyJobList(){
+        var postData = {
+            uuid: localStorage.getItem("uid"),
+            member_id: localStorage.getItem("member_id"),
+            sessionid: localStorage.getItem("session_token"),
+            page:0,
+            limit :100
+        };
+        return this.postAuxEnd("/myjobs", postData);
+    }
+
     getGetPendingJobs(){
         var postData = {
             uuid: localStorage.getItem("uid"),

src/views/MyJobsList.jsx

@@ -0,0 +1,17 @@
+import React from "react";
+// import MyTasks from "../components/MyTasks";
+// import UsersService from "../services/UsersService";
+import usersService from "../services/UsersService";
+import MyJobs from "../components/MyJobs";
+
+export default function MyTaskPage() {
+
+    const userApi = new usersService();
+    const activeJobList  = userApi.getMyJobList();
+    debugger;
+    return (
+        <>
+            <MyJobs />
+        </>
+    );
+}