CEC-1058 fleet forms (#123)

* working fleets page

* unit tests

* snapshots

* updating messages and snapshots

* updating extraneous snaps

src/services/__mocks__/CANFiltersAPI.js

@@ -1,25 +1,27 @@
 const data = [
-    { can_id: "123", interval: 1000 },
-    { can_id: "456", interval: 0 },
-    { can_id: "789-1000", interval: 5 }
+  { can_id: "123", interval: 1000 },
+  { can_id: "456", interval: 0 },
+  { can_id: "789-1000", interval: 5 }
 ];
 
 const canFiltersAPI = {
-    addFilter: async (vin, filter, token) => {
-        data.push(filter);
-        return filter;
-    },
-    getFilters: async (vin, search, token) => {
-        return { data };
-    },
-    updateFilter: async (vin, canID, filter, token) => {
-        const index = data.findIndex(element => element.can_id === canID);
-        if (index >= 0) data[index] = filter;
-    },
-    deleteFilter: async (vin, canID, token) => {
-        const index = data.findIndex(element => element.can_id === canID);
-        if (index >= 0) data.splice(index, 1);
-    },
+  addFilter: async (vin, filter, token) => {
+    data.push(filter);
+    return filter;
+  },
+  getFilters: async (vin, search, token) => {
+    return { data };
+  },
+  updateFilter: async (vin, canID, filter, token) => {
+    const index = data.findIndex(element => element.can_id === canID);
+    if (index >= 0) data[index] = filter;
+    return filter;
+  },
+  deleteFilter: async (vin, canID, token) => {
+    const index = data.findIndex(element => element.can_id === canID);
+    if (index >= 0) data.splice(index, 1);
+    return canID;
+  },
 };
 
 export default canFiltersAPI;

src/services/__mocks__/fleetsAPI.js

@@ -0,0 +1,27 @@
+const data = [
+  { name: "US-WEST", log_level: "info", canbus: { enabled: true } },
+  { name: "US-CENTRAL", log_level: "warn", canbus: { enabled: false } },
+  { name: "US-EAST", log_level: "error", canbus: { enabled: true } },
+];
+
+const fleetsAPI = {
+  addFleet: async (fleet, token) => {
+    data.push(fleet);
+    return fleet;
+  },
+  getFleets: async (search, token) => {
+    return { data };
+  },
+  updateFleet: async (name, fleet, token) => {
+    const index = data.findIndex(element => element.name === name);
+    if (index >= 0) data[index] = fleet;
+    return fleet;
+  },
+  deleteFleet: async (name, token) => {
+    const index = data.findIndex(element => element.name === name);
+    if (index >= 0) data.splice(index, 1);
+    return name;
+  },
+};
+
+export default fleetsAPI;

src/services/fleetsAPI.js

@@ -0,0 +1,49 @@
+import {
+  getAuthHeaderOptions,
+  fetchRespHandler,
+  addQueryParams,
+} from "../utils/http";
+
+const API_ENDPOINT = process.env.REACT_APP_UPLOAD_SERVICE_URL;
+
+const fleetsAPI = {
+  addFleet: async (fleet, token) =>
+    fetch(`${API_ENDPOINT}/fleet`, {
+      method: "POST",
+      headers: Object.assign(
+        { "Content-Type": "application/json" },
+        getAuthHeaderOptions(token)
+      ),
+      body: JSON.stringify(fleet)
+    }).then(fetchRespHandler),
+
+  getFleets: async (search, token) =>
+    fetch(addQueryParams(`${API_ENDPOINT}/fleets`, search), {
+      method: "GET",
+      headers: Object.assign(
+        { "Content-Type": "application/json" },
+        getAuthHeaderOptions(token)
+      ),
+    }).then(fetchRespHandler),
+
+  updateFleet: async (name, fleet, token) =>
+    fetch(`${API_ENDPOINT}/fleet/${name}`, {
+      method: "PUT",
+      headers: Object.assign(
+        { "Content-Type": "application/json" },
+        getAuthHeaderOptions(token)
+      ),
+      body: JSON.stringify(fleet)
+    }).then(fetchRespHandler),
+
+  deleteFleet: async (name, token) =>
+    fetch(`${API_ENDPOINT}/fleet/${name}`, {
+      method: "DELETE",
+      headers: Object.assign(
+        { "Content-Type": "application/json" },
+        getAuthHeaderOptions(token)
+      )
+    }).then(fetchRespHandler),
+};
+
+export default fleetsAPI;