CEC-4926: use new vehicles_count field (#423)

* use new vehicles_count field

* fix affected tests

src/components/Contexts/__mocks__/FleetContext.jsx

@@ -18,25 +18,29 @@ let fleet = {
   log_level: "info",
   canbus: { enabled: true, data_logger_enabled: true, max_mem_buffer_size: 1, max_disk_buffer_size: 2, filters: fleetCANFilters },
   vehicles: ["USWESTVIN12345678", "USWESTVIN12345679", "USWESTVIN12345670"],
+  vehicles_count: 3,
 }
 let fleets = [
   {
     name: "US-WEST",
     log_level: "info",
     canbus: { enabled: true, data_logger_enabled: true, max_mem_buffer_size: 1, max_disk_buffer_size: 2, filters: fleetCANFilters },
-    vehicles: ["USWESTVIN12345678", "USWESTVIN12345679", "USWESTVIN12345670"]
+    vehicles: ["USWESTVIN12345678", "USWESTVIN12345679", "USWESTVIN12345670"],
+    vehicles_count: 3,
   },
   {
     name: "US-CENTRAL",
     log_level: "warning",
     canbus: { enabled: false, data_logger_enabled: false, max_mem_buffer_size: 0, max_disk_buffer_size: 0 },
-    vehicles: ["USCENTVIN12345678", "USCENTVIN12345679", "USCENTVIN12345670"]
+    vehicles: ["USCENTVIN12345678", "USCENTVIN12345679", "USCENTVIN12345670"],
+    vehicles_count: 3,
   },
   {
     name: "US-EAST",
     log_level: "error",
     canbus: { enabled: true },
-    vehicles: ["USEASTVIN12345678", "USEASTVIN12345679", "USEASTVIN12345670"]
+    vehicles: ["USEASTVIN12345678", "USEASTVIN12345679", "USEASTVIN12345670"],
+    vehicles_count: 3,
   },
 ];
 let totalFleets = 3;

src/components/Controls/FleetSelectionTable/index.jsx

@@ -105,10 +105,12 @@ const FleetSelectionTable = (props) => {
 
 
   useEffect(() => {
-    const options = { search: searchTerm,
+    const options = {
+      search: searchTerm,
       limit: pageSize,
       offset: pageSize * pageIndex,
       order: `${orderBy} ${order}`,
+      ignore: ["vehicles"],
     };
     (async () => {
       try {
@@ -157,7 +159,7 @@ const FleetSelectionTable = (props) => {
                 <TableCell align="center">{row.log_level}</TableCell>
                 <TableCell align="center">{row.canbus.enabled ? "true" : "false"}</TableCell>
                 <TableCell align="center">{row.canbus.data_logger_enabled ? "true" : "false"}</TableCell>
-                  <TableCell align="center">{!row.vehicles ? 0 : row.vehicles.length}</TableCell>
+                <TableCell align="center">{row.vehicles_count || 0}</TableCell>
                 <TableCell align="center">{!row.canbus.filters ? 0 : row.canbus.filters.length}</TableCell>
               </TableRow>)
           }

src/components/Fleets/Status/Details/index.jsx

@@ -60,7 +60,7 @@ const MainForm = ({ name }) => {
       <Grid container className={classes.root} spacing={2}>
         <Grid item md={12} className={classes.textCenterAlign}>
           <p><b>Name</b>: {name}</p>
-          <p><b>Vehicles</b>: {fleet.vehicles ? fleet.vehicles.length : 0}</p>
+          <p><b>Vehicles</b>: {fleet.vehicles_count || 0}</p>
           {fleet.log_level != null && (
             <p><b>Log Level</b>: {fleet.log_level}</p>
           )}