CEC-1058 fleet forms (#123)

* working fleets page

* unit tests

* snapshots

* updating messages and snapshots

* updating extraneous snaps

src/components/Contexts/FleetContext.jsx

@@ -0,0 +1,112 @@
+import React, { useContext, useState } from "react";
+import api from "../../services/fleetsAPI";
+
+const FleetContext = React.createContext();
+
+export const FleetProvider = ({ children }) => {
+  const [busy, setBusy] = useState(false);
+  const [fleets, setFleets] = useState([]);
+  const [totalFleets, setTotalFleets] = useState(0);
+
+  const addFleet = async (fleet, token) => {
+    try {
+      setBusy(true);
+
+      validateFleet(fleet);
+
+      const result = await api.addFleet(fleet, token);
+      if (result.error) throw new Error(`Add fleet error. ${result.message}`);
+      return result;
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const getFleets = async (search, token) => {
+    try {
+      setBusy(true);
+
+      const result = await api.getFleets(search, token);
+      if (result.error) {
+        setFleets([])
+        throw new Error(`Get fleets error. ${result.message}`);
+      }
+
+      setFleets(result.data)
+      if (result.total) {
+        setTotalFleets(result.total);
+      }
+      return result;
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const updateFleet = async (name, fleet, token) => {
+    try {
+      setBusy(true);
+
+      validateFleetName(name);
+      validateFleet(fleet);
+
+      const result = await api.updateFleet(name, fleet, token);
+      if (result.error) {
+        throw new Error(`Update fleet error. ${result.message}`);
+      }
+      return result;
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  const deleteFleet = async (name, token) => {
+    try {
+      setBusy(true);
+
+      validateFleetName(name);
+
+      const result = await api.deleteFleet(name, token);
+      if (result.error) {
+        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);
+    }
+  }
+
+  return (
+    <FleetContext.Provider
+      value={{
+        busy,
+        fleets,
+        totalFleets,
+        addFleet,
+        getFleets,
+        updateFleet,
+        deleteFleet
+      }}
+    >
+      {children}
+    </FleetContext.Provider>
+  );
+};
+
+const validateFleet = (fleet) => {
+  if (fleet == null) {
+    throw new Error("No fleet data");
+  }
+
+  validateFleetName(fleet.name);
+}
+
+const validateFleetName = (name) => {
+  if (name == null || !/^[A-Za-z-]+$/.test(name)) {
+    throw new Error("Invalid name");
+  }
+}
+
+export const useFleetContext = () => useContext(FleetContext);