CEC-1581 Remove Refresh button (#151)

src/components/Cars/Status/CarUpdatesTab.jsx

@@ -1,64 +1,30 @@
 import React from "react";
 import { useParams } from "react-router";
 import clsx from "clsx";
-import { Button, Grid, Typography } from "@material-ui/core";
+import { Typography } from "@material-ui/core";
 
 import CarECUsTable from "../../Controls/CarECUsTable";
 import CarUpdatesTable from "../../Controls/CarUpdatesTable";
-import { logger } from "../../../services/monitoring";
+import { VehicleProvider } from "../../Contexts/VehicleContext";
-import {
-  VehicleProvider,
-  useVehicleContext,
-} from "../../Contexts/VehicleContext";
 import { useUserContext } from "../../Contexts/UserContext";
-import { useStatusContext } from "../../Contexts/StatusContext";
 import useStyles from "../../useStyles";
 
-
 const MainForm = () => {
   const { vin } = useParams();
   const classes = useStyles();
-  const { setMessage } = useStatusContext();
-  const { busy, sendCommand } = useVehicleContext();
   const {
     token: {
       idToken: { jwtToken: token },
     },
   } = useUserContext();
-  const updateHandler = async (e) => {
-    try {
-      await sendCommand([vin], "ecu", "", token);
-      setMessage(`Sent command to ${vin}`);
-    } catch (error) {
-      setMessage(error.message);
-      logger.error(error.stack);
-    }
-  };
 
   return (
     <div className={clsx(classes.paper, classes.tableSize)}>
       <Typography variant="h6">Car Updates</Typography>
       <CarUpdatesTable vin={vin} token={token} classes={classes} />
-      <Grid container className={classes.root} spacing={2}>
-        <Grid item md={4} className={classes.textJustifyAlign}></Grid>
-        <Grid item md={4} className={classes.textCenterAlign}>
       <Typography variant="h6" className={classes.labelInline}>
         Car ECUs
       </Typography>
-        </Grid>
-        <Grid item md={4} className={classes.textRightAlign}>
-          <Button
-            type="submit"
-            disabled={busy}
-            variant="contained"
-            color="primary"
-            className={clsx(classes.formControl, classes.textField)}
-            onClick={updateHandler}
-          >
-            {busy ? "Sending..." : "Refresh"}
-          </Button>
-        </Grid>
-      </Grid>
       <CarECUsTable vin={vin} token={token} classes={classes} />
     </div>
   );

src/components/Cars/Status/__snapshots__/CarUpdatesTab.test.jsx.snap

@@ -278,40 +278,11 @@ exports[`CarUpdatesTab Render 1`] = `
               </tr>
             </tfoot>
           </table>
-          <div
-            class="MuiGrid-root makeStyles-root-14 MuiGrid-container MuiGrid-spacing-xs-2"
-          >
-            <div
-              class="MuiGrid-root makeStyles-textJustifyAlign-47 MuiGrid-item MuiGrid-grid-md-4"
-            />
-            <div
-              class="MuiGrid-root makeStyles-textCenterAlign-48 MuiGrid-item MuiGrid-grid-md-4"
-            >
           <h6
             class="MuiTypography-root makeStyles-labelInline-9 MuiTypography-h6"
           >
             Car ECUs
           </h6>
-            </div>
-            <div
-              class="MuiGrid-root makeStyles-textRightAlign-49 MuiGrid-item MuiGrid-grid-md-4"
-            >
-              <button
-                class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-7 makeStyles-textField-29 MuiButton-containedPrimary"
-                tabindex="0"
-                type="submit"
-              >
-                <span
-                  class="MuiButton-label"
-                >
-                  Refresh
-                </span>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </button>
-            </div>
-          </div>
           <div
             class="makeStyles-paper-3 makeStyles-tableSize-53"
           >