Merge CEC-394 Car update log (#82)

src/components/Cars/Status/index.jsx

@@ -3,8 +3,8 @@ import { useParams } from "react-router";
 import clsx from "clsx";
 import { Button, Grid, Typography } from "@material-ui/core";
 
-import CarECUs from "../CarECUs";
-import CarUpdates from "../CarUpdates";
+import CarECUsTable from "../../Controls/CarECUsTable";
+import CarUpdatesTable from "../../Controls/CarUpdatesTable";
 import {
   VehicleProvider,
   useVehicleContext,
@@ -52,7 +52,7 @@ const MainForm = () => {
   return (
     <div className={clsx(classes.paper, classes.tableSize)}>
       <Typography variant="h6">Car Updates</Typography>
-      <CarUpdates vin={vin} token={token} />
+      <CarUpdatesTable vin={vin} token={token} />
       <Grid container className={classes.root} spacing={2}>
         <Grid item md={4} className={classes.textJustifyAlign}></Grid>
         <Grid item md={4} className={classes.textCenterAlign}>
@@ -73,7 +73,7 @@ const MainForm = () => {
           </Button>
         </Grid>
       </Grid>
-      <CarECUs vin={vin} token={token} />
+      <CarECUsTable vin={vin} token={token} />
     </div>
   );
 };