Car table update (#27)

src/components/CarUpdates/Deploy/index.jsx

@@ -49,18 +49,12 @@ const MainForm = () => {
   const handleVehiclesChange = (event) => {
     setSelectedVehicles(event.target.value);
   };
-  const getCarIDs = () => {
-    if (!selectedVehicles) return [];
-    return selectedVehicles.map((vin) => {
-      return vehicles.find((vehicle) => vehicle.vin === vin).id;
-    });
-  };
   const onSubmit = async (event) => {
     try {
       event.preventDefault();
       const data = {
         package_id: parseInt(packageid),
-        car_ids: getCarIDs(),
+        vins: selectedVehicles,
       };
       await createCarUpdates(data, token);
       setMessage(

src/components/CarUpdates/Status/index.jsx

@@ -96,7 +96,7 @@ const MainForm = () => {
             {carUpdates.map((row) => (
               <TableRow key={row.id}>
                 <TableCell align="center">{row.id}</TableCell>
-                <TableCell align="center">{`${row.car.vin} ${row.car.model} ${row.car.year}`}</TableCell>
+                <TableCell align="center">{row.vin}</TableCell>
                 <TableCell align="center">{row.status}</TableCell>
                 <TableCell align="center">
                   {LocalDateTimeString(row.created)}

src/components/Cars/List/index.jsx

@@ -65,7 +65,6 @@ const MainForm = () => {
         <Table>
           <TableHead>
             <TableRow>
-              <TableCell align="center">ID</TableCell>
               <TableCell align="center">VIN</TableCell>
               <TableCell align="center">Model</TableCell>
               <TableCell align="center">Year</TableCell>
@@ -75,8 +74,7 @@ const MainForm = () => {
           </TableHead>
           <TableBody>
             {vehicles.map((row) => (
-              <TableRow key={row.id}>
-                <TableCell align="center">{row.id}</TableCell>
+              <TableRow key={row.vin}>
                 <TableCell align="center">{row.vin}</TableCell>
                 <TableCell align="center">{row.model}</TableCell>
                 <TableCell align="center">{row.year}</TableCell>

src/components/Contexts/UpdateContext.test.jsx

@@ -222,7 +222,7 @@ describe("UpdatesContext", () => {
               data-testid="with-bad-data"
               onClick={async () => {
                 result = await exec(
-                  { package_id: 1, car_ids: [] },
+                  { package_id: 1, vins: [] },
                   TEST_AUTH_OBJECT
                 );
               }}
@@ -233,7 +233,7 @@ describe("UpdatesContext", () => {
                 result = await exec(
                   {
                     package_id: 1,
-                    car_ids: [1, 2, 3],
+                    vins: ["FISKER123", "FISKER124", "FISKER125"],
                   },
                   TEST_AUTH_OBJECT
                 );
@@ -284,7 +284,7 @@ describe("UpdatesContext", () => {
       checkState("false", "", {
         id: 1,
         package_id: 1,
-        car_ids: [1, 2, 3],
+        vins: ["FISKER123", "FISKER124", "FISKER125"],
       });
     });
   });

src/components/Contexts/UpdatesContext.jsx

@@ -125,7 +125,7 @@ const validateCreateCarUpdates = (data) => {
     throw new Error("Package id required");
   }
 
-  if (!data.car_ids || data.car_ids.length === 0) {
+  if (!data.vins || data.vins.length === 0) {
     throw new Error("Car ids required");
   }
 };