.

2023-06-27 10:06:51 +01:00
parent 0977650bf4
commit 4b897cb3a9
17 changed files with 667 additions and 633 deletions
@@ -1,47 +1,61 @@
-import React, {useState, useEffect} from 'react'
-import ActiveJobs from '../components/MyActiveJobs/ActiveJobs'
-import { useLocation, useNavigate } from 'react-router-dom'
-import usersService from '../services/UsersService'
+import React, { useState, useEffect } from "react";
+import ActiveJobs from "../components/MyActiveJobs/ActiveJobs";
+import { useLocation, useNavigate } from "react-router-dom";
+import usersService from "../services/UsersService";

 function ManageActiveJobs() {
+  const ApiCall = new usersService();

-  const ApiCall = new usersService()
+  let navigate = useNavigate();
+  let { state } = useLocation();

-  let navigate = useNavigate()
-  let {state} = useLocation()
+  let [details, setDetails] = useState({}); // to hold state values

-  let [details, setDetails] = useState({}) // to hold state values
+  let [activeJobMesList, setActiveJobMesList] = useState({
+    loading: true,
+    error: false,
+    data: [],
+  });

-  let [activeJobMesList, setActiveJobMesList] = useState({loading: true, error: false, data: []})
+  let [activeJobMesListReload, setActiveJobMesListReload] = useState(false); // state to determine when ACTIVE JOB MESSAGE LIST RELOADS/RE-RENDERS

-  let [activeJobMesListReload, setActiveJobMesListReload] = useState(false)// state to determine when ACTIVE JOB MESSAGE LIST RELOADS/RE-RENDERS
+  const getActiveJobMesList = () => {
+    // FUNCTION TO GET ACTIVE JOB MESSAGE LIST
+    setActiveJobMesList({ loading: true, error: false, data: [] });
+    let contract = { contract: state.contract };
+    ApiCall.activeJobMesList(contract)
+      .then((res) => {
+        if (res.status != 200 || res.data.internal_return < 0) {
+          setActiveJobMesList({ loading: false, error: false, data: [] });
+          return;
+        }
+        setActiveJobMesList({
+          loading: false,
+          error: false,
+          data: res.data.result_list,
+        });
+      })
+      .catch((error) => {
+        setActiveJobMesList({ loading: false, error: true, data: [] });
+      });
+  };

-  const getActiveJobMesList = () => { // FUNCTION TO GET ACTIVE JOB MESSAGE LIST
-    setActiveJobMesList({loading: true, error: false, data: []})
-    let contract = {contract: state.contract}
-    ApiCall.activeJobMesList(contract).then((res)=>{
-      if(res.status != 200 || res.data.internal_return < 0){
-        setActiveJobMesList({loading: false, error: false, data: []})
-        return
-      }
-      setActiveJobMesList({loading: false, error: false, data: res.data.result_list})
-    }).catch((error)=>{
-      setActiveJobMesList({loading: false, error: true, data: []})
-    })
-  }
-
-  useEffect(()=>{
-    if(!state){
-      navigate('/', {replace: true})
-      return
+  useEffect(() => {
+    if (!state) {
+      navigate("/", { replace: true });
+      return;
    }
-    setDetails(state)
-    getActiveJobMesList()
-  },[activeJobMesListReload])
+    setDetails(state);
+    getActiveJobMesList();
+  }, [activeJobMesListReload]);

  return (
-    <ActiveJobs details={state} activeJobMesList={activeJobMesList} reloadActiveJobList={setActiveJobMesListReload} />
-  )
+    <ActiveJobs
+      details={state}
+      activeJobMesList={activeJobMesList}
+      reloadActiveJobList={setActiveJobMesListReload}
+    />
+  );
 }

-export default ManageActiveJobs
+export default ManageActiveJobs;