CEC-371 Update car ECUs display (#78)

* Clean up className styles
Update car status page to show update and ECUs

* Add update ecu version button
Show all ECUs on car status page
Only show car ecus for search

src/services/__mocks__/vehicles.js

@@ -9,27 +9,37 @@ const data = [
   { vin: "1G11C5SL9FF153507", year: 2021, model: "Ocean", trim: "Basic" },
 ];
 
+const ecusData = [{
+    "boot_loader_version": "BLVERSION",
+    "config": "CONFIG",
+    "created": "2021-07-14T20:09:40.98187Z",
+    "ecu": "ECUA",
+    "fingerprint": "FINGERPRINT",
+    "hw_version": "HWVERSION",
+    "serial_number": "SERIAL",
+    "sw_version": "SWVERSION",
+    "updated": "2021-07-14T20:09:40.98187Z",
+    "vendor": "VENDOR",
+  },
+  {
+    "boot_loader_version": "BLVERSION",
+    "config": "CONFIG",
+    "created": "2021-07-14T20:09:40.98187Z",
+    "ecu": "ECUB",
+    "fingerprint": "FINGERPRINT",
+    "hw_version": "HWVERSION",
+    "serial_number": "SERIAL",
+    "sw_version": "SWVERSION",
+    "updated": "2021-07-14T20:09:40.98187Z",
+    "vendor": "VENDOR",
+  }
+];
+
 const vehiclesAPI = {
-  getVehicles: async (search, token) => { return { data }; },
   addVehicle: async (vehicle, token) => {
     data.push(vehicle);
     return vehicle;
   },
-  getModels: async (token) => {
-    return {
-      data: ["Ocean", "Pear"],
-    };
-  },
-  getYears: async (token) => {
-    return {
-      data: [2021, 2022],
-    };
-  },
-  sendCommand: async (vin, command, parameters, token) => {
-    return {
-      vin, command, parameters
-    }
-  },
   getConnections: async (vins, token) => {
     const result = {};
 
@@ -39,9 +49,28 @@ const vehiclesAPI = {
 
     return result;
   },
+  getECUs: async (vin, token) => {
+    return { data: ecusData, total: ecusData.length};
+  },
+  getModels: async (token) => {
+    return {
+      data: ["Ocean", "Pear"],
+    };
+  },
   getLocations: jest.fn().mockResolvedValue([
     { "altitude": 5, "longitude": 10, "latitude": 15, "vin": "TESTVIN123" },
   ]),
+  getVehicles: async (search, token) => { return { data }; },
+  getYears: async (token) => {
+    return {
+      data: [2021, 2022],
+    };
+  },
+  sendCommand: async (vin, command, parameters, token) => {
+    return {
+      vin, command, parameters
+    }
+  },
 };
 
 export default vehiclesAPI;