CEC-3672 Update manifest version on deploy (#277)

* CEC-3672 Add versions to CarUpdatesContext
Stub out getSoftwareVersions and updateManifestVersion

* CEC-3672 update version on deploy

* Validate version before updating

src/components/Manifest/Update/__snapshots__/index.test.jsx.snap

@@ -113,12 +113,11 @@ exports[`Manifest Details Component Render 1`] = `
               </div>
             </div>
             <div
-              class="MuiFormControl-root makeStyles-form-0 MuiFormControl-marginNormal MuiFormControl-fullWidth"
+              class="MuiFormControl-root MuiFormControl-marginNormal"
             >
               <label
                 class="MuiFormLabel-root MuiInputLabel-root makeStyles-whiteBackground-0 MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
                 data-shrink="false"
-                for="manifest-type"
               >
                 Type
               </label>
@@ -128,8 +127,6 @@ exports[`Manifest Details Component Render 1`] = `
                 <select
                   aria-invalid="false"
                   class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input"
-                  id="send-manifest-type"
-                  name="manifest-type"
                 >
                   <option
                     value="standard"
@@ -169,14 +166,13 @@ exports[`Manifest Details Component Render 1`] = `
               </div>
             </div>
             <div
-              class="MuiFormControl-root makeStyles-form-0 MuiFormControl-marginNormal MuiFormControl-fullWidth"
+              class="MuiFormControl-root MuiFormControl-marginNormal"
             >
               <label
                 class="MuiFormLabel-root MuiInputLabel-root makeStyles-whiteBackground-0 MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
                 data-shrink="true"
-                for="manifest-active"
               >
-                Type
+                Active
               </label>
               <div
                 class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
@@ -184,18 +180,16 @@ exports[`Manifest Details Component Render 1`] = `
                 <select
                   aria-invalid="false"
                   class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input"
-                  id="send-manifest-active"
-                  name="manifest-active"
                 >
                   <option
                     value="true"
                   >
-                    active
+                    Active
                   </option>
                   <option
                     value="false"
                   >
-                    archived
+                    Archived
                   </option>
                 </select>
                 <svg

src/components/Manifest/Update/index.jsx

@@ -1,17 +1,23 @@
+import { Button, FormControl, TextField } from "@material-ui/core";
 import React, { useEffect, useState } from "react";
-import { useParams } from "react-router-dom";
 import { Redirect } from "react-router";
-import useStyles from "../../useStyles";
+import { useParams } from "react-router-dom";
 import { ManifestsProvider, useManifestsContext } from "../../Contexts/ManifestsContext";
-import { useUserContext } from "../../Contexts/UserContext";
 import { useStatusContext } from "../../Contexts/StatusContext";
-import { Button, FormControl, InputLabel, Select, TextField } from "@material-ui/core";
+import { useUserContext } from "../../Contexts/UserContext";
+import { DropDownList } from "../../Controls/DropDownList";
+import useStyles from "../../useStyles";
 
 const manifestTypes = [
   { value: "standard", label: "Standard" },
   { value: "forced", label: "Forced" },
 ];
 
+const activeStates = [
+  {value: true, label: "Active" },
+  {value: false, label: "Archived" },
+];
+
 const emptyManifest = {
   name: "",
   version: "",
@@ -138,53 +144,8 @@ const MainForm = () => {
           fullWidth
           onChange={changeName}
         />
-        <FormControl
-          className={classes.form}
-          variant="outlined"
-          fullWidth
-          margin="normal"
-        >
-          <InputLabel htmlFor="manifest-type" className={classes.whiteBackground}>
-            Type
-          </InputLabel>
-          <Select
-            native
-            value={type}
-            variant="outlined"
-            inputProps={{
-              name: "manifest-type",
-              id: "send-manifest-type",
-            }}
-            onChange={changeType}
-          >
-            {manifestTypes.map((item, index) => (
-              <option key={index} value={item.value}>{item.label}</option>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl
-          className={classes.form}
-          variant="outlined"
-          fullWidth
-          margin="normal"
-        >
-          <InputLabel htmlFor="manifest-active" className={classes.whiteBackground}>
-            Type
-          </InputLabel>
-          <Select
-            native
-            value={active}
-            variant="outlined"
-            inputProps={{
-              name: "manifest-active",
-              id: "send-manifest-active",
-            }}
-            onChange={changeActive}
-          >
-            <option key={0} value={true}>active</option>
-            <option key={1} value={false}>archived</option>
-          </Select>
-        </FormControl>
+        <DropDownList label="Type" data={manifestTypes} classes={classes} onChange={changeType} value={type} />
+        <DropDownList label="Active" data={activeStates} classes={classes} onChange={changeActive} value={active}/>
         <Button
           type="submit"
           aria-label="send command"