CEC-1256/CEC-1330 data logger for vehicles/fleets and details tabs for vehicles/fleets (#136)

* forms for fleet can filters

* unit tests for fleet filters

* removing warnings

* updating regex

* added fleet details page

* fleet pages

* smoothed out bugs

* fleets done

* working update, delete vehicles

* finished mocks, still need snapshots and context tests

* contexts done

* snapshot tests

* updating code smells

* smells

src/components/Contexts/FleetContext.jsx

@@ -6,6 +6,8 @@ const FleetContext = React.createContext();
 export const FleetProvider = ({ children }) => {
   const [busy, setBusy] = useState(false);
 
+  const [fleet, setFleet] = useState({});
+
   const [fleets, setFleets] = useState([]);
   const [totalFleets, setTotalFleets] = useState(0);
 
@@ -15,13 +17,12 @@ export const FleetProvider = ({ children }) => {
   const [fleetCANFilters, setFleetCANFilters] = useState([]);
   const [totalFleetCANFilters, setTotalFleetCANFilters] = useState(0);
 
-  const addFleet = async (fleet, token) => {
+  const addFleet = async (f, token) => {
     try {
       setBusy(true);
+      validateFleet(f);
 
-      validateFleet(fleet);
-
-      const result = await api.addFleet(fleet, token);
+      const result = await api.addFleet(f, token);
       if (result.error) throw new Error(`Add fleet error. ${result.message}`);
       return result;
     } finally {
@@ -29,6 +30,24 @@ export const FleetProvider = ({ children }) => {
     }
   };
 
+  const getFleet = async (name, token) => {
+    try {
+      setBusy(true);
+      validateFleetName(name);
+
+      const result = await api.getFleet(name, token);
+      if (result.error) {
+        setFleet({});
+        throw new Error(`Get fleet error. ${result.message}`);
+      }
+
+      setFleet(result);
+      return result;
+    } finally {
+      setBusy(false);
+    }
+  };
+
   const getFleets = async (search, token) => {
     try {
       setBusy(true);
@@ -48,14 +67,14 @@ export const FleetProvider = ({ children }) => {
     }
   };
 
-  const updateFleet = async (name, fleet, token) => {
+  const updateFleet = async (name, f, token) => {
     try {
       setBusy(true);
 
       validateFleetName(name);
-      validateFleet(fleet);
+      validateFleet(f);
 
-      const result = await api.updateFleet(name, fleet, token);
+      const result = await api.updateFleet(name, f, token);
       if (result.error) {
         throw new Error(`Update fleet error. ${result.message}`);
       }
@@ -76,8 +95,6 @@ export const FleetProvider = ({ children }) => {
         throw new Error(`Delete filter error. ${result.message}`);
       }
 
-      const index = fleets.findIndex(element => element.name === name);
-      if (index >= 0) fleets.splice(index, 1);
       return result;
     } finally {
       setBusy(false);
@@ -221,9 +238,11 @@ export const FleetProvider = ({ children }) => {
       value={{
         busy,
 
+        fleet,
         fleets,
         totalFleets,
         addFleet,
+        getFleet,
         getFleets,
         updateFleet,
         deleteFleet,
@@ -247,12 +266,12 @@ export const FleetProvider = ({ children }) => {
   );
 };
 
-const validateFleet = (fleet) => {
-  if (fleet == null) {
+const validateFleet = (f) => {
+  if (f == null) {
     throw new Error("No fleet data");
   }
 
-  validateFleetName(fleet.name);
+  validateFleetName(f.name);
 }
 
 const validateFleetName = (name) => {