Users-Wrench/src/views/MyActiveJobsPage.jsx

import React, { useContext,useState, useEffect } from "react";
import usersService from "../services/UsersService";
//import MyJobs from "../components/MyJobs";
import MyActiveJobs from "../components/MyActiveJobs";

export default function MyActiveJobsPage() {
    const commonHeadData =()=>{
        console.log("COMMON HEAD DATA ----------------=====---------------------");
        return 0;
    }
    const [MyJobList, setMyJobList] = useState([]);
    const api = new usersService();
//TARGET ENDPOINT[POST]http://10.204.5.100:9083/en/wrench/api/v1/jobmanageractive
    const getMyJobList = async () => {
        try {
            const res = await api.getMyActiveJobList();
            setMyJobList(res.data);
        } catch (error) {
            console.log("Error getting mode");
        }
    };
    useEffect(() => {
        getMyJobList();
    }, []);

    // debugger;
    return (
        <>
            <MyActiveJobs
                MyJobList={MyJobList}
                commonHeadData={commonHeadData}
            />
        </>
    );
}