Changed my pending jobs to offers and changed its routes

src/views/MyOffersPage.jsx

@@ -1,34 +1,34 @@
-import React, { useContext, useState, useEffect } from "react";
-import usersService from "../services/UsersService";
-import MyPendingJobs from "../components/MyPendingJobs";
+import React, { useEffect, useState } from "react";
 import { useSelector } from "react-redux";
+import MyOffers from "../components/MyOffers";
+import usersService from "../services/UsersService";
 
-export default function MyPendingJobsPage() {
+export default function MyOffersPage() {
   let { commonHeadBanner } = useSelector((state) => state.commonHeadBanner);
   let { pendingListTable } = useSelector((state) => state.tableReload);
 
-  const [MyJobList, setMyJobList] = useState({loading: true, data: []});
+  const [MyJobList, setMyJobList] = useState({ loading: true, data: [] });
   const api = new usersService();
 
   const getMyJobList = async () => {
-    setMyJobList({loading: true, data: []});
+    setMyJobList({ loading: true, data: [] });
     try {
       const res = await api.getMyPendingJobList();
-      setMyJobList({loading: false, data: res.data});
+      setMyJobList({ loading: false, data: res.data });
     } catch (error) {
-      setMyJobList({loading: false, data: []});
+      setMyJobList({ loading: false, data: [] });
       console.log("Error getting mode");
     }
   };
-  
+
   useEffect(() => {
-    getMyJobList(); 
+    getMyJobList();
   }, [pendingListTable]);
 
   // debugger;
   return (
     <>
-      <MyPendingJobs
+      <MyOffers
         MyJobList={MyJobList}
         commonHeadData={commonHeadBanner.result_list}
       />