Fix crash on car table (#158)

src/components/Controls/CarSelectionTable/index.jsx

@@ -48,7 +48,15 @@ const tableColumns = [
 ];
 
 const CarSelectionTable = (props) => {
-  const { token, classes, search, multiSelect, selected, onSelect, onSelectAll } = props;
+  const {
+    token,
+    classes,
+    search,
+    multiSelect,
+    selected,
+    onSelect,
+    onSelectAll,
+  } = props;
   const [pageSize, setPageSize] = useState(10);
   const [pageIndex, setPageIndex] = useState(0);
   const [orderBy, setOrderBy] = useState("vin");
@@ -126,19 +134,23 @@ const CarSelectionTable = (props) => {
           multiSelect={multiSelect}
           onSelectAll={handleSelectAll}
           selectCount={selected ? selected.length : 0}
-          rowCount={vehicles.length}
+          rowCount={vehicles ? vehicles.length : 0}
         />
         <TableBody>
           {vehicles.map((row) => {
-            const isSelected = selected ? selected.indexOf(row.vin) !== -1 : false;
+            const isSelected = selected
+              ? selected.indexOf(row.vin) !== -1
+              : false;
             return (
               <TableRow key={row.vin}>
-                {multiSelect && (<TableCell padding="checkbox">
+                {multiSelect && (
-                  <Checkbox
+                  <TableCell padding="checkbox">
-                    checked={isSelected}
+                    <Checkbox
-                    onChange={(event) => handleSelect(event, row.vin)}
+                      checked={isSelected}
-                  />
+                      onChange={(event) => handleSelect(event, row.vin)}
-                </TableCell>)}
+                    />
+                  </TableCell>
+                )}
                 <TableCell align="center">
                   <ConnectedIcon
                     connected={row.connected}