My jobs items

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
-                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">
-                    <p className="lg:text-xl text-lg font-bold text-white">
-                        $ 234,435.34
-                    </p>
-                </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">*/}
+            {/*    <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">*/}
+            {/*            $ 234,435.34*/}
+            {/*        </p>*/}
+            {/*    </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")