CEC-2611 Show HMI online status (#205)

* CEC-2611 Show HMI online status
Update car update progress to show ECU
Refresh car details car updates tab

* clean up

src/components/VehicleMap/index.jsx

@@ -151,7 +151,6 @@ const Component = () => {
         url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
       />
       <CenterFocus center={center} zoom={zoom} />
-
       {markers.map((marker) => (
         <Marker
           icon={getCarIcon(marker[2])}
@@ -184,6 +183,7 @@ const Component = () => {
           key={carState.vin}
           vin={carState.vin}
           online={carState.online}
+          onlineHMI={carState.online_hmi}
           battery={carState.battery}
           doors={carState.doors}
           location={carState.location}

src/components/VehicleMap/popup.jsx

@@ -13,7 +13,7 @@ import CANSignals from "../Cars/CANSignals";
 const VehiclePopUp = (props) => {
   const classes = useStyles();
   const [viewCAN, setViewCAN] = useState(false);
-  const { vin, online, onClose } = props;
+  const { vin, online, onClose, onlineHMI } = props;
 
   const toggleView = (e) => {
     e.preventDefault();
@@ -43,6 +43,9 @@ const VehiclePopUp = (props) => {
         <p>
           <b>Connected</b>: {online.toString()}
         </p>
+        <p>
+          <b>ICC Connected</b>: {onlineHMI?.toString()}
+        </p>
         {viewCAN && <CANSignals vin={vin} />}
         {!viewCAN && <DigitalTwin {...props} />}
       </div>