Refatorando Van para Vehicle

src/pages/Itinerario.tsx

@@ -23,13 +23,13 @@ import { useHistory, useLocation } from "react-router";
 
 import { UserContext } from "../App";
 
-import * as vansRoutes from "../services/api/vans";
+import * as vehiclesRoutes from "../services/api/vehicles";
 
 import sessionsService from "../services/functions/sessionsService";
 import { closeToast } from "../services/utils";
 import { PageHeader } from "../components/PageHeader";
 
-interface VanInfo {
+interface VehicleInfo {
   plate: string;
   brand: string;
   model: string;
@@ -49,14 +49,14 @@ const Itinerario: React.FC = () => {
   const [toastMessage, setToastMessage] = useState("");
   const [toastColor, setToastColor] = useState<Color>("primary");
 
-  const [userVans, setUserVans] = useState<VanInfo[]>();
+  const [userVehicles, setUserVehicles] = useState<VehicleInfo[]>();
 
   const redirectUserToLogin = () => {
     history.push({ pathname: "/login" });
   };
 
   useEffect(() => {
-    const getUserVans = async () => {
+    const getUserVehicles = async () => {
       let userId = "";
 
       const refreshSessionRes = await sessionsService.refreshSession();
@@ -70,7 +70,7 @@ const Itinerario: React.FC = () => {
         userId = refreshSessionRes.userId;
       }
 
-      vansRoutes
+      vehiclesRoutes
         .getByUserId(userId)
         .then((response) => {
           if (response.status === "error") {
@@ -81,7 +81,7 @@ const Itinerario: React.FC = () => {
             return;
           }
 
-          setUserVans(response.data);
+          setUserVehicles(response.data);
         })
         .catch((err) => {
           setToastColor("danger");
@@ -90,37 +90,37 @@ const Itinerario: React.FC = () => {
         });
     };
 
-    getUserVans();
+    getUserVehicles();
   }, []);
 
   return (
     <IonPage>
       <PageHeader
-        pageName="Minhas vans"
+        pageName="Minhas vehicles"
         backButtonPageUrl="/perfil"
       ></PageHeader>
 
       <IonContent>
-        {userVans ? (
-          userVans.map((van, index) => {
+        {userVehicles ? (
+          userVehicles.map((vehicle, index) => {
             return (
               <IonCard key={index}>
                 <IonCardHeader>
-                  <IonCardTitle>{van.plate}</IonCardTitle>
+                  <IonCardTitle>{vehicle.plate}</IonCardTitle>
                   <IonCardSubtitle>
-                    {van.brand} - {van.model}
+                    {vehicle.brand} - {vehicle.model}
                   </IonCardSubtitle>
                 </IonCardHeader>
-                {van.locator_name ? (
+                {vehicle.locator_name ? (
                   <>
                     <IonCardContent>
-                      {van.seats_number} assentos - Locador: {van.locator_name}
+                      {vehicle.seats_number} assentos - Locador: {vehicle.locator_name}
                     </IonCardContent>
                   </>
                 ) : (
                   <>
                     <IonCardContent>
-                      {van.seats_number} assentos - Não é alugado
+                      {vehicle.seats_number} assentos - Não é alugado
                     </IonCardContent>
                   </>
                 )}