add group api added

src/components/Partials/Layout.jsx

@@ -79,7 +79,7 @@ export default function Layout({ children }) {
                 {children && children}
               </div>
               <div className="nft-right-side-content 2xl:w-[270px] w-full h-full 2xl:flex justify-center relative flex-[20%]">
-                <RightSideBar />
+                <RightSideBar myJobList={userJobList} />
               </div>
             </div>
           </div>

src/components/Partials/RightSideBar.jsx

@@ -3,7 +3,7 @@ import { useSelector } from "react-redux";
 import { NavLink } from "react-router-dom";
 //import SideStatistics from "./SideStatistics";
 
-export default function RightSideBar() {
+export default function RightSideBar({myJobList}) {
   const filterDatas = ["Last 15 days", "Last Month", "Last 6 month"];
   const [filterDataSet, setFilterDataSet] = useState([10, 30, 20, 40]);
   const dataSetHandler = (value) => {
@@ -156,6 +156,7 @@ export default function RightSideBar() {
         </div>
 
         {/*JOB LINKS*/}
+        {myJobList?.data?.result_list?.length > 0 &&
         <div className="top-platform mt-6 bg-white dark:bg-dark-white rounded-2xl py-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none border ">
           {/* heading */}
           <div className="px-8 heading flex justify-between items-center mb-3.5">
@@ -190,7 +191,7 @@ export default function RightSideBar() {
                 {/* name */}
                 <div>
                   <p className="text-thin-light-gray text-base font-medium">
-                    <NavLink to="#">Active Task</NavLink>
+                    <NavLink to="/my-active-jobs">Active Task</NavLink>
                   </p>
                 </div>
                 {/* action */}
@@ -227,7 +228,7 @@ export default function RightSideBar() {
                   {/* name */}
                   <div>
                     <p className="text-thin-light-gray text-base font-medium">
-                      <NavLink to="#">Review Pending</NavLink>
+                      <NavLink to="/my-review-jobs">Review Pending</NavLink>
                     </p>
                   </div>
                 </div>
@@ -265,13 +266,13 @@ export default function RightSideBar() {
                   {/* name */}
                   <div>
                     <p className="text-thin-light-gray text-base font-medium">
-                      <NavLink to="#">Past Due</NavLink>
+                      <NavLink to="/my-pastdue-jobs">Past Due</NavLink>
                     </p>
                   </div>
                 </div>
 
                 {/* Line */}
-                <div className="my-4 mx-auto w-10/12 h-1 bg-dark-gray dark:bg-white rounded-full"></div>
+                <div className="my-4 mx-auto w-10/12 h-[2px] bg-slate-500 dark:bg-white rounded-full"></div>
 
                 <div className="px-8 item flex space-x-3 items-center mb-4">
                   {/* image */}
@@ -314,6 +315,7 @@ export default function RightSideBar() {
             )}
           </div>
         </div>
+        }
       </div>
     </>
   );