.

src/components/MyJobs/MyJobTable.jsx

@@ -60,11 +60,13 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
     getCountryList();
   }, [getCountryList]);
 
+  // Handle Pagination
   const [currentPage, setCurrentPage] = useState(0);
   const indexOfFirstItem = Number(currentPage);
   const indexOfLastItem =
     Number(indexOfFirstItem) + Number(process.env.REACT_APP_ITEM_PER_PAGE);
 
+  // Handle Filter Job List
   const filterJobList = () => {
     if (selectedCategory === "All") return MyJobList?.data?.result_list;
     else
@@ -75,6 +77,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
 
   const currentJobList = filterJobList();
 
+  // Handling Filter Pagination
   const filteredCurrentJobList = currentJobList?.slice(
     indexOfFirstItem,
     indexOfLastItem
@@ -84,6 +87,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
     handlePagingFunc(e, setCurrentPage);
   };
 
+  // Handles the category selection
   const handleSetCategory = (value) => {
     setCurrentPage(0);
     for (let i in filterCategories) {
@@ -135,7 +139,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
                 onClick={() => {
                   setDeleteJobPopout({
                     show: true,
-                    data: {thePrice, ...value}
+                    data: { thePrice, ...value },
                   });
                 }}
               >
@@ -148,7 +152,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
                 onClick={() => {
                   setEditJob({
                     show: true,
-                    data: {thePrice, ...value}
+                    data: { thePrice, ...value },
                   });
                 }}
               >

src/views/MyJobsPage.jsx

@@ -1,4 +1,3 @@
-import { useEffect, useState } from "react";
 import MyJobs from "../components/MyJobs"; 
 import { useSelector } from "react-redux";