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/Cars/List/index.jsx

@@ -8,14 +8,11 @@ import { VehicleProvider } from "../../Contexts/VehicleContext";
 import { useUserContext } from "../../Contexts/UserContext";
 import { useStatusContext } from "../../Contexts/StatusContext";
 import useStyles from "../../useStyles";
-import SendCommand from "../../Controls/SendCommand";
 import SearchField from "../../Controls/SearchField";
 import CarSelectionTable from "../../Controls/CarSelectionTable";
-import { logger } from "../../../services/monitoring";
 
 const MainForm = () => {
   const classes = useStyles();
-  const [selected, setSelected] = useState([]);
   const [search, setSearch] = useState("");
   const { setTitle, setSitePath } = useStatusContext();
   const {
@@ -25,29 +22,9 @@ const MainForm = () => {
   } = useUserContext();
 
   const handleSearch = (query) => {
-    setSelected([]);
     setSearch(query);
   };
 
-  const handleSelectAll = (cars) => {
-    setSelected(cars);
-  };
-
-  const handleSelect = (event, key) => {
-    try {
-      let newSelected;
-      if (event.target.checked) {
-        newSelected = [...selected];
-        newSelected.push(key);
-      } else {
-        newSelected = selected.filter((vin) => vin !== key);
-      }
-      setSelected(newSelected);
-    } catch (e) {
-      logger.warn(e.stack);
-    }
-  };
-
   useEffect(() => {
     setTitle("Vehicles");
     setSitePath([]);
@@ -61,24 +38,17 @@ const MainForm = () => {
           <Link to="/vehicle-add">
             <AddCircleIcon fontSize="large" />
           </Link>
-          <div
-            className={classes.labelInline}
-          >{`${selected.length} Selected`}</div>
         </Grid>
         <Grid item md={4} className={classes.textCenterAlign}>
           <SearchField classes={classes} onSearch={handleSearch} />
         </Grid>
-        <Grid item md={4} className={classes.textRightAlign}>
-          <SendCommand vins={selected} />
-        </Grid>
+        <Grid item md={4} className={classes.textRightAlign} />
       </Grid>
       <CarSelectionTable
         classes={classes}
         token={token}
+        multiSelect={false}
         search={{ search }}
-        selected={selected}
-        onSelect={handleSelect}
-        onSelectAll={handleSelectAll}
       />
     </div>
   );