Refatoração Transporte para Itinerário e página de busca de itinerários mostra os resultados da API

src/pages/Transportes/Transportes.tsx

@@ -45,7 +45,7 @@ import {
 } from "ionicons/icons";
 import { useEffect, useState } from "react";
 import { useHistory, useLocation } from "react-router";
-import { getTransportes } from "../../services/functions/transportsService";
+import itinerariesService from "../../services/functions/itinerariesService";
 import { createUserSearch } from "../../services/api/users";
 import "./Transportes.css";
 
@@ -60,7 +60,7 @@ const Transportes: React.FC = () => {
   const history = useHistory();
   const location = useLocation();
   const props = location.state as InfoBusca;
-  const [transportes, setTransportes] = useState([]);
+  const [itinerarios, setItinerarios] = useState([]);
   const [showModalFilters, setShowModalFilters] = useState(false);
   const [showToast, setShowToast] = useState(false);
   const [messageToast, setMessageToast ] = useState('');
@@ -68,13 +68,13 @@ const Transportes: React.FC = () => {
 
   useEffect(() => {
     if (props) {
-      buscaTransportes();
+      buscaItinerarios();
     }
   }, [props]);
 
-  async function buscaTransportes() {
-    let data = (await getTransportes(props)) as any;
-    setTransportes(data);
+  async function buscaItinerarios() {
+    let data = (await itinerariesService.searchItineraries(props)) as any;
+    setItinerarios(data);
   }
 
   function criaAlerta(){
@@ -107,7 +107,7 @@ const Transportes: React.FC = () => {
         </div>
       </IonHeader>
       <IonContent fullscreen>
-        {transportes && transportes.length > 0? (
+        {itinerarios && itinerarios.length > 0? (
           <div className="header-tabs">
             <IonSlides>
               <IonSlide>
@@ -127,8 +127,8 @@ const Transportes: React.FC = () => {
         ) 
         : 
         (<h1 className="msg-not-found">Não foi encontrado nenhum transporte que atenda essa rota.</h1>)}
-        {transportes &&
-          transportes.map((record: any, index: any) => {
+        {itinerarios &&
+          itinerarios.map((record: any, index: any) => {
             return (
               <IonCard className="card-transporte" key={index}>
                 <IonCardContent>