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/Fleets/Update/index.jsx

@@ -9,30 +9,30 @@ import {
   FormLabel,
   Radio,
   RadioGroup,
-  TextField
+  TextField,
 } from "@material-ui/core";
 
 import useStyles from "../../useStyles";
-import {
-  useFleetContext,
-  FleetProvider
-} from "../../Contexts/FleetContext";
+import { useFleetContext, FleetProvider } from "../../Contexts/FleetContext";
 import { useStatusContext } from "../../Contexts/StatusContext";
 import { useUserContext } from "../../Contexts/UserContext";
 import { logger } from "../../../services/monitoring";
 
-
 const MainForm = () => {
   const queries = new URLSearchParams(useLocation().search);
 
   const { fleet, getFleet, updateFleet, busy } = useFleetContext();
-  const { token: { idToken: { jwtToken: token } } } = useUserContext();
+  const {
+    token: {
+      idToken: { jwtToken: token },
+    },
+  } = useUserContext();
   const { setMessage, setTitle, setSitePath } = useStatusContext();
   const [redirect, setRedirect] = useState(null);
   const classes = useStyles();
 
   const [name, setName] = useState(queries.get("name") ?? "");
-  const [oldName, ] = useState(name);
+  const [oldName] = useState(name);
   const [selectedLogLevel, setSelectedLogLevel] = useState("info");
   const [canbusEnabled, setCANBusEnabled] = useState(true);
   const [dataLoggerEnabled, setDataLoggerEnabled] = useState(false);
@@ -71,36 +71,40 @@ const MainForm = () => {
 
     if (fleet.canbus) {
       setCANBusEnabled(fleet.canbus.enabled ?? canbusEnabled);
-      setDataLoggerEnabled(fleet.canbus.data_logger_enabled ?? dataLoggerEnabled);
+      setDataLoggerEnabled(
+        fleet.canbus.data_logger_enabled ?? dataLoggerEnabled
+      );
       setMaxMemBufferSize(fleet.canbus.max_mem_buffer_size ?? maxMemBufferSize);
-      setMaxDiskBufferSize(fleet.canbus.max_disk_buffer_size ?? maxDiskBufferSize);
+      setMaxDiskBufferSize(
+        fleet.canbus.max_disk_buffer_size ?? maxDiskBufferSize
+      );
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fleet]);
 
   const onNameChange = (event) => {
     setName(event.target.value);
-  }
+  };
 
   const onLogLevelChange = (event) => {
     setSelectedLogLevel(event.target.value);
-  }
+  };
 
   const onCANBusChange = (event) => {
     setCANBusEnabled(event.target.checked);
-  }
+  };
 
   const onDataLoggerChange = (event) => {
     setDataLoggerEnabled(event.target.checked);
-  }
+  };
 
   const onMaxMemBufferSizeChange = (event) => {
     setMaxMemBufferSize(event.target.value);
-  }
+  };
 
   const onMaxDiskBufferSizeChange = (event) => {
     setMaxDiskBufferSize(event.target.value);
-  }
+  };
 
   const onSubmit = async (event) => {
     try {
@@ -112,12 +116,13 @@ const MainForm = () => {
           enabled: canbusEnabled,
           data_logger_enabled: canbusEnabled ? dataLoggerEnabled : false,
           max_mem_buffer_size: canbusEnabled ? parseInt(maxMemBufferSize) : 0,
-          max_disk_buffer_size: canbusEnabled && dataLoggerEnabled ? parseInt(maxDiskBufferSize) : 0
-        }
+          max_disk_buffer_size:
+            canbusEnabled && dataLoggerEnabled
+              ? parseInt(maxDiskBufferSize)
+              : 0,
+        },
       };
 
-      console.log(oldName);
-
       const result = await updateFleet(oldName, formData, token);
       if (!result || result.error) return;
 
@@ -164,20 +169,24 @@ const MainForm = () => {
           <FormControlLabel value="info" control={<Radio />} label="Info" />
           <FormControlLabel value="warn" control={<Radio />} label="Warn" />
           <FormControlLabel value="error" control={<Radio />} label="Error" />
-          <FormControlLabel value="critical" control={<Radio />} label="Critical" />
+          <FormControlLabel
+            value="critical"
+            control={<Radio />}
+            label="Critical"
+          />
         </RadioGroup>
         <FormLabel id="demo-row-radio-buttons-group-label">CAN Bus</FormLabel>
         <FormGroup>
-          <FormControlLabel control={
-            <Checkbox
-              checked={canbusEnabled}
-              onChange={onCANBusChange}
-            />
-          } label="CAN Bus Enabled" />
+          <FormControlLabel
+            control={
+              <Checkbox checked={canbusEnabled} onChange={onCANBusChange} />
+            }
+            label="CAN Bus Enabled"
+          />
           <TextField
             id="max_mem_buffer_size"
             name="max_mem_buffer_size"
-            label='Max Memory Buffer Size (0 uses default size)'
+            label="Max Memory Buffer Size (0 uses default size)"
             value={maxMemBufferSize}
             onChange={onMaxMemBufferSizeChange}
             variant="outlined"
@@ -190,18 +199,21 @@ const MainForm = () => {
             required
             fullWidth
           />
-          <FormControlLabel control={
-            <Checkbox
-              checked={dataLoggerEnabled}
-              onChange={onDataLoggerChange}
-              disabled={!canbusEnabled}
-            />
-          } label="Data Logger Enabled" />
+          <FormControlLabel
+            control={
+              <Checkbox
+                checked={dataLoggerEnabled}
+                onChange={onDataLoggerChange}
+                disabled={!canbusEnabled}
+              />
+            }
+            label="Data Logger Enabled"
+          />
         </FormGroup>
         <TextField
           id="max_disk_buffer_size"
           name="max_disk_buffer_size"
-          label='Max Disk Buffer Size (0 uses default size)'
+          label="Max Disk Buffer Size (0 uses default size)"
           value={maxDiskBufferSize}
           onChange={onMaxDiskBufferSizeChange}
           variant="outlined"
@@ -236,4 +248,4 @@ const FleetUpdateForm = (props) => (
   </FleetProvider>
 );
 
-export default FleetUpdateForm;
+export default FleetUpdateForm;