CEC-2384 Vehicle details show associated fleets (#203)

src/components/Contexts/VehicleContext.jsx

@@ -31,6 +31,8 @@ export const VehicleProvider = ({ children }) => {
   const [vehicle, setVehicle] = useState({});
   const [vehicles, setVehicles] = useState([]);
   const [totalVehicles, setTotalVehicles] = useState(0);
+  const [fleets, setFleets] = useState([]);
+  const [totalFleets, setTotalFleets] = useState(0);
   const [models, setModels] = useState([]);
   const [years, setYears] = useState([]);
 
@@ -220,6 +222,25 @@ export const VehicleProvider = ({ children }) => {
     }
   };
 
+  const getFleets = async (vin, search, token) => {
+    try {
+      setBusy(true);
+      validateVIN(vin);
+
+      const result = await api.getFleets(vin, search, token);
+      if (result.error) {
+        setFleets([]);
+        throw new Error(`Get Fleets of vehicle`)
+      }
+      setFleets(result.data ?? []);
+      if (result.total) {
+        setTotalFleets(result.total);
+      }
+    } finally {
+      setBusy(false)
+    }
+  }
+
   return (
     <VehicleContext.Provider
       value={{
@@ -229,6 +250,8 @@ export const VehicleProvider = ({ children }) => {
         vehicle,
         vehicles,
         years,
+        fleets,
+        totalFleets,
         addVehicle,
         deleteVehicle,
         getConnections,
@@ -242,6 +265,7 @@ export const VehicleProvider = ({ children }) => {
         getVehicles,
         sendCommand,
         updateVehicle,
+        getFleets,
       }}
     >
       {children}