CEC-231 Bulk car selection control (#38)

* Bulk car selection control

* Tweak control alignment

src/services/__mocks__/vehicles.js

@@ -15,6 +15,16 @@ const vehiclesAPI = {
     data.push(vehicle);
     return vehicle;
   },
+  getModels: async (token) => {
+    return {
+      data: ["Ocean", "Pear"],
+    };
+  },
+  getYears: async (token) => {
+    return {
+      data: [2021, 2022],
+    };
+  },
 };
 
 export default vehiclesAPI;

src/services/vehicles.js

@@ -10,15 +10,26 @@ const vehiclesAPI = {
   })
     .then(fetchRespHandler),
   
-    getVehicles: async (search, token) => {
-      const u = addQueryParams(`${API_ENDPOINT}/vehicles`, search);
-      return  fetch(u, {
-        method: "GET",
-        headers: Object.assign({ "Content-Type": "application/json" }, getAuthHeaderOptions(token)),
-    
-      })
-        .then(fetchRespHandler);
+  getVehicles: async (search, token) => {
+    const u = addQueryParams(`${API_ENDPOINT}/vehicles`, search);
+    return  fetch(u, {
+      method: "GET",
+      headers: Object.assign({ "Content-Type": "application/json" }, getAuthHeaderOptions(token)),
+    })
+      .then(fetchRespHandler)
   },
+
+  getModels: async (token) => fetch(`${API_ENDPOINT}/vehiclemodels`, {
+      method: "GET",
+      headers: Object.assign({ "Content-Type": "application/json" }, getAuthHeaderOptions(token)),
+    })
+      .then(fetchRespHandler),
+
+  getYears: async (token) => fetch(`${API_ENDPOINT}/vehicleyears`, {
+    method: "GET",
+    headers: Object.assign({ "Content-Type": "application/json" }, getAuthHeaderOptions(token)),
+  })
+    .then(fetchRespHandler),
 };
 
 export default vehiclesAPI;