CEC-287 Car connection status (#59)

* Car connection status

* Formatting

src/components/Cars/CarSelectionTable/index.jsx

@@ -10,6 +10,7 @@ import {
   TablePagination,
   TableRow,
 } from "@material-ui/core";
+import CheckCircleIcon from "@material-ui/icons/CheckCircle";
 
 import { useVehicleContext } from "../../Contexts/VehicleContext";
 import { useStatusContext } from "../../Contexts/StatusContext";
@@ -133,6 +134,14 @@ const CarSelectionTable = (props) => {
                   />
                 </TableCell>
                 <TableCell align="center">
+                  {row.connected && (
+                    <>
+                      <CheckCircleIcon
+                        style={{ color: "Green", fontSize: 12 }}
+                      />
+                      <span>&nbsp;</span>
+                    </>
+                  )}
                   <Link to={`/vehicle-status/${row.vin}`}>{row.vin}</Link>
                 </TableCell>
                 <TableCell align="center">{row.model}</TableCell>
@@ -177,6 +186,7 @@ CarSelectionTable.propTypes = {
   selected: PropTypes.array.isRequired,
   onSelect: PropTypes.func.isRequired,
   onSelectAll: PropTypes.func.isRequired,
+  connectionStatus: PropTypes.bool,
 };
 
 export default CarSelectionTable;