diff --git a/src/pages/MeusVeiculos.tsx b/src/pages/MeusVeiculos.tsx index 19ca979..665810c 100644 --- a/src/pages/MeusVeiculos.tsx +++ b/src/pages/MeusVeiculos.tsx @@ -17,13 +17,13 @@ import { IonToolbar, } from "@ionic/react"; import { Color } from "@ionic/core"; -import { carOutline } from "ionicons/icons"; +import { carOutline, informationCircleOutline, peopleOutline } from "ionicons/icons"; import { useContext, useEffect, useState } from "react"; 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"; @@ -70,7 +70,7 @@ const MeusVeiculos: React.FC = () => { userId = refreshSessionRes.userId; } - vansRoutes + vehiclesRoutes .getByUserId(userId) .then((response) => { if (response.status === "error") { @@ -102,31 +102,37 @@ const MeusVeiculos: React.FC = () => { {vehiclesList ? ( - vehiclesList.map((vehicle, index) => { - return ( - - - {vehicle.plate} - - {vehicle.brand} - {vehicle.model} - - - {vehicle.locator_name ? ( + <> + + + Toque em um veículo cadastrado para ver suas viagens e itinerários! + + + {vehiclesList.map((vehicle, index) => { + return ( + + + + + {vehicle.brand} {vehicle.model} + + Placa: {vehicle.plate} + <> - {vehicle.seats_number} assentos - Locador: {vehicle.locator_name} + {" "} + {vehicle.seats_number} assentos -{" "} + {vehicle.locator_name ? ( + <>Locador: {vehicle.locator_name} + ) : ( + <>Não é alugado + )} - ) : ( - <> - - {vehicle.seats_number} assentos - Não é alugado - - - )} - - ); - }) + + ); + })} + ) : ( <> )}