.

src/components/MyJobs/MyJobTable.jsx

@@ -111,7 +111,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
                         <td className="py-9">
                           <div className="sm:flex sm:space-x-2 sm:justify-between sm:items-center job-items">
                             <div className="flex space-x-2 items-center job-items w-full">
-                              <div className="w-full h-[60px] rounded-full overflow-hidden flex justify-center items-center flex-[0.1] min-w-[60px]">
+                              <div className="w-full h-[60px] rounded-full overflow-hidden flex justify-center items-center flex-[0.1] min-w-[60px] max-w-[60px]">
                                 <img
                                   src={dataImage2}
                                   alt="data"

src/middleware/AuthRoute.jsx

@@ -77,7 +77,8 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
     // Getting market data
     const getMarketActiveJobList = async () => {
       try {
-        const res = await apiCall.getMyJobList();
+        const res = await apiCall.getActiveJobList();
+        console.log('Checking job data from auth', res)
         dispatch(updateJobs(res.data));
       } catch (error) {
         console.log("Error getting mode");

src/views/MyJobsPage.jsx

@@ -7,13 +7,12 @@ import MyJobs from "../components/MyJobs";
 import { useSelector } from "react-redux";
 
 export default function MyJobsPage() {
-
   const commonHeadData = () => {
     console.log("COMMON HEAD DATA ----------------=====---------------------");
     return 0;
-    }
+  };
 
-    const {jobListTable} = useSelector((state) => state.tableReload)
+  const { jobListTable } = useSelector((state) => state.tableReload);
 
   // const userApi = new usersService();
   // const activeJobList  = userApi.getMyJobList();
@@ -21,13 +20,13 @@ export default function MyJobsPage() {
   const api = new usersService();
 
   const getMyJobList = async () => {
-        setMyJobList({loading: true, data:[]})
+    setMyJobList({ loading: true, data: [] });
     try {
       const res = await api.getMyJobList();
-            setMyJobList({loading: false, data:res.data})
+      setMyJobList({ loading: false, data: res.data });
       // setMyJobList(res.data);
     } catch (error) {
-            setMyJobList({loading: false, data:[]})
+      setMyJobList({ loading: false, data: [] });
       console.log("Error getting mode");
     }
   };
@@ -38,9 +37,7 @@ export default function MyJobsPage() {
   // debugger;
   return (
     <>
-            <MyJobs
+      <MyJobs MyJobList={MyJobList} commonHeadData={commonHeadData} />
-                MyJobList={MyJobList}
-                commonHeadData={commonHeadData} />
     </>
   );
 }