CEC-4538 - Fleet/Vehicle/Deployment search saved (#363)

* CEC-4538 - Fleet/Vehicle/Deployment search saved

* save archived

src/components/Cars/List/index.jsx

@@ -14,12 +14,13 @@ import { RoleWrap } from "../../Controls/RoleWrap";
 import SearchField from "../../Controls/SearchField";
 import DropDownButton from "../../Controls/DropDownButton";
 import TransformModal from "../../TransformModal";
+import { useLocalStorage } from "../../useLocalStorage";
 import useStyles from "../../useStyles";
 import TaskRunner from "../../../utils/taskRunner";
 
 const MainForm = () => {
   const classes = useStyles();
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useLocalStorage("VEHICLE_SEARCH", "");
   const [online, setOnline] = useState(false);
   const [onlineHMI, setOnlineHMI] = useState(false);
   const [selectedVins, setSelectedVins] = useState([]);
@@ -64,7 +65,7 @@ const MainForm = () => {
   const handleUploadConfig = (fn) => {
     const taskRunner = new TaskRunner(5);
     const request = (vin, i) => {
-      const messagePrefix = `${i+1}/${selectedVins.length} "${vin}":`;
+      const messagePrefix = `${i + 1}/${selectedVins.length} "${vin}":`;
       return async () => {
         const result = await fn(vin, config.force.value, token)
           .then(() => {
@@ -113,7 +114,7 @@ const MainForm = () => {
           <DropDownButton actions={actions} payload={[selectedVins]} />
         </Grid>
         <Grid item md={4} className={classes.textCenterAlign}>
-          <SearchField classes={classes} onSearch={handleSearch} />
+          <SearchField classes={classes} onSearch={handleSearch} savedSearchValue={search} />
         </Grid>
         <Grid item md={2} className={clsx(classes.textJustifyAlign, classes.actionsBar)}>
           <OptionsDropdown listId="filter-menu">