107 lines
2.6 KiB
JavaScript
107 lines
2.6 KiB
JavaScript
import React, { useContext, useState } from "react";
|
|
import api from "../../services/vehicles";
|
|
|
|
const VehicleContext = React.createContext();
|
|
|
|
const validateAdd = (vehicle) => {
|
|
if (vehicle === null) {
|
|
throw new Error("No vehicle data");
|
|
}
|
|
|
|
if (!vehicle.vin || vehicle.vin.length === 0) {
|
|
throw new Error("VIN required");
|
|
}
|
|
|
|
if (vehicle.vin.length > 17) {
|
|
throw new Error("VIN cannot be larger than 17 characters");
|
|
}
|
|
|
|
if (!vehicle.model || vehicle.model.length === 0) {
|
|
throw new Error("model required");
|
|
}
|
|
|
|
if (!vehicle.year || vehicle.year < 2000 || vehicle.year > 9999) {
|
|
throw new Error("year required");
|
|
}
|
|
};
|
|
|
|
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 {
|
|
setBusy(true);
|
|
const result = await api.getVehicles(search, token);
|
|
if (result.error) {
|
|
setVehicles([]);
|
|
throw new Error(`Get vehicles error. ${result.message}`);
|
|
} else {
|
|
setVehicles(result.data);
|
|
if (result.total) {
|
|
setTotalVehicles(result.total);
|
|
}
|
|
}
|
|
} finally {
|
|
setBusy(false);
|
|
}
|
|
};
|
|
|
|
const addVehicle = async (vehicle, token) => {
|
|
try {
|
|
setBusy(true);
|
|
validateAdd(vehicle);
|
|
const result = await api.addVehicle(vehicle, token);
|
|
if (result.error) throw new Error(`Add vehicle error. ${result.message}`);
|
|
return result;
|
|
} finally {
|
|
setBusy(false);
|
|
}
|
|
};
|
|
|
|
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}
|
|
</VehicleContext.Provider>
|
|
);
|
|
};
|
|
|
|
export const useVehicleContext = () => useContext(VehicleContext);
|