CEC-1058 fleet forms (#123)

* working fleets page

* unit tests

* snapshots

* updating messages and snapshots

* updating extraneous snaps

src/components/Cars/Add/index.jsx

@@ -1,4 +1,6 @@
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
+import { Redirect } from "react-router";
+import { Button, TextField } from "@material-ui/core";
 
 import useStyles from "../../useStyles";
 import {
@@ -7,7 +9,6 @@ import {
 } from "../../Contexts/VehicleContext";
 import { useStatusContext } from "../../Contexts/StatusContext";
 import { useUserContext } from "../../Contexts/UserContext";
-import { Button, TextField } from "@material-ui/core";
 import { logger } from "../../../services/monitoring";
 
 const MainForm = () => {
@@ -23,6 +24,7 @@ const MainForm = () => {
   const modelEl = useRef(null);
   const yearEl = useRef(null);
   const trimEl = useRef(null);
+  const [redirect, setRedirect] = useState(null);
 
   useEffect(() => {
     setTitle("Add Vehicle");
@@ -37,6 +39,7 @@ const MainForm = () => {
     ]);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+
   const onSubmit = async (event) => {
     try {
       event.preventDefault();
@@ -51,13 +54,17 @@ const MainForm = () => {
       const result = await addVehicle(formData, token);
 
       setMessage(`Added ${result.vin}`);
-      vinEl.current.value = "";
+      setRedirect(`/vehicles`);
     } catch (e) {
       setMessage(e.message);
       logger.warn(e.stack);
     }
   };
 
+  if (redirect && redirect.length > 0) {
+    return <Redirect to={redirect} />;
+  }
+
   return (
     <div className={classes.paper}>
       <form className={classes.form} noValidate action="{onSubmit}">

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

@@ -24,7 +24,7 @@ exports[`CANFiltersTab Render 1`] = `
           >
             <a
               class="makeStyles-labelInline-9"
-              href="/filter-create?vin=undefined"
+              href="/filter-add?vin=undefined"
             >
               <svg
                 aria-hidden="true"