CEC-4814 - Refactor vehicle_path endpoint (#407)

src/components/Contexts/VehicleContext.jsx

@@ -112,10 +112,10 @@ export const VehicleProvider = ({ children }) => {
     }
   };
 
-  const getLocationsVehiclePaths = async (token, vinsParam) => {
+  const getLocationsVehiclePaths = async (token, param, vins) => {
     try {
       setBusy(true);
-      const result = await api.getLocationsVehiclePaths(token, vinsParam);
+      const result = await api.getLocationsVehiclePaths(token, param, vins);
       if (result.error)
         throw new Error(`Get locations vehicle paths error. ${result.message}`);
       return result;

src/components/VehiclePathsMap/index.jsx

@@ -44,16 +44,9 @@ const ComponentVehiclePathsMap = (props) => {
 
   const retrieveAndStoreLocations = (accessToken) => {
     let vinsToShowOnMap = [...props.vinsToShowOnMapColors.keys()];
-    let vinsParam = ""
+    let param = "lookback_hours=" + props.lookbackHours
-    for (let vinToShowOnMap of vinsToShowOnMap) {
-      vinsParam += "vins="
-      vinsParam += vinToShowOnMap
-      vinsParam += "&"
-    }
-    vinsParam += "lookback_hours="
-    vinsParam += props.lookbackHours
 
-    return getLocationsVehiclePaths(accessToken, vinsParam)
+    return getLocationsVehiclePaths(accessToken, param, vinsToShowOnMap)
       .then(async (result) => {
         let resultArray = Object.entries(result)
         const points = []

src/services/vehiclesAPI.js

@@ -89,13 +89,14 @@ const vehiclesAPI = {
       .then(fetchRespHandler)
       .catch(errorHandler),
 
-  getLocationsVehiclePaths: async (token, vinsParam) =>
+  getLocationsVehiclePaths: async (token, param, vins) =>
-    fetch(`${API_ENDPOINT}/vehicle_paths?${vinsParam}`, {
+    fetch(`${API_ENDPOINT}/vehicle_paths?${param}`, {
-      method: "GET",
+      method: "POST",
       headers: Object.assign(
         { "Content-Type": "application/json" },
         getAuthHeaderOptions(token)
       ),
+      body: JSON.stringify({ vins: vins }),
     })
       .then(fetchRespHandler)
       .catch(errorHandler),