CEC-231 Bulk car selection control (#38)

* Bulk car selection control

* Tweak control alignment

src/components/Contexts/VehicleContext.jsx

@@ -29,6 +29,8 @@ export const VehicleProvider = ({ children }) => {
   const [busy, setBusy] = useState(false);
   const [vehicles, setVehicles] = useState([]);
   const [totalVehicles, setTotalVehicles] = useState(0);
+  const [models, setModels] = useState([]);
+  const [years, setYears] = useState([]);
 
   const getVehicles = async (search, token) => {
     try {
@@ -60,14 +62,40 @@ export const VehicleProvider = ({ children }) => {
     }
   };
 
+  const getModels = async (token) => {
+    try {
+      setBusy(true);
+      const result = await api.getModels(token);
+      if (result.error) throw new Error(`Get models error. ${result.message}`);
+      setModels(result.data);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const getYears = async (token) => {
+    try {
+      setBusy(true);
+      const result = await api.getYears(token);
+      if (result.error) throw new Error(`Get years error. ${result.message}`);
+      setYears(result.data);
+    } finally {
+      setBusy(false);
+    }
+  };
+
   return (
     <VehicleContext.Provider
       value={{
         busy,
         vehicles,
         totalVehicles,
+        models,
+        years,
         getVehicles,
         addVehicle,
+        getModels,
+        getYears,
       }}
     >
       {children}