fixed width added to back btn

src/components/MyActiveJobs/ActiveJobs.jsx

@@ -59,7 +59,7 @@ function ActiveJobs(props) {
               <div className="w-full flex justify-start space-x-3 items-center">
                 <button
                   type="button"
-                  className="text-[#374557] border border-sky-blue p-1 rounded-full"
+                  className="min-w-[45px] h-auto text-[#374557] border border-sky-blue p-1 rounded-full"
                   onClick={() => navigate(props.details.pathname, {replace: true})}
                 >
                   <svg

src/components/MyTasks/MyOffersTable.jsx

@@ -15,7 +15,7 @@ export default function MyOffersTable({ className, MyActiveOffersList}) {
     const settings = {
         arrows: false,
         dots: false,
-        infinite: true,
+        infinite: MyActiveOffersList?.result_list?.length > 4,
         autoplay: true,
         slidesToShow: 4,
         slidesToScroll: 1,
@@ -25,6 +25,7 @@ export default function MyOffersTable({ className, MyActiveOffersList}) {
                 settings: {
                     slidesToShow: 2,
                     slidesToScroll: 1,
+                    infinite: MyActiveOffersList?.result_list?.length > 2,
                 },
             },
         ],

src/components/jobPopout/OfferJobPopout.jsx

@@ -43,7 +43,7 @@ function OfferJobPopout({details, onClose, situation}) {
       setRequestStatus({loading: false, status: true, message: `Offer ${name}ed Successfully`, trigger: ''})
       setTimeout(()=>{
         onClose()
-        dispatch(tableReload({type:'JOBTABLE'}))
+        dispatch(tableReload({type:'MYTASKTABLE'}))
         navigate('/mytask', {replace:true})
         setRequestStatus({loading: false, status: false, message: '', trigger: ''})
       },2000)

src/store/TableReloads.js

@@ -2,7 +2,8 @@ import { createSlice } from "@reduxjs/toolkit";
 
 const initialState = {
   jobListTable: false,
-  pendingListTable: false
+  pendingListTable: false,
+  myTaskTable: false
 };
 
 export const tableReloadSlice = createSlice({
@@ -17,6 +18,9 @@ export const tableReloadSlice = createSlice({
         case 'PENDINGTABLE' :
           state.pendingListTable = !state.pendingListTable;
           return
+        case 'MYTASKTABLE' :
+          state.myTaskTable = !state.myTaskTable;
+          return
         default:
           return state
       }

src/views/MyTaskPage.jsx

@@ -6,7 +6,7 @@ import usersService from "../services/UsersService";
 import { useSelector } from "react-redux";
 
 export default function MyTaskPage() {
-    const {jobListTable} = useSelector((state) => state.tableReload)
+    const {myTaskTable} = useSelector((state) => state.tableReload)
 
     const [MyActiveJobList, setMyActiveJobList] = useState({loading: true, status:false, data:[]});
     const [MyActiveOffersList, setMyActiveOffersList] = useState([]);
@@ -38,7 +38,7 @@ export default function MyTaskPage() {
     useEffect(() => {
         getMyActiveJobList();
         getMyActiveOffersList();
-    }, [jobListTable]);
+    }, [myTaskTable]);
 
     //debugger;
     return (