Melhorias

src/App.tsx

@@ -86,7 +86,7 @@ const routes = (
   <Route exact path="/cadastrar-itinerario" component={CadastrarItinerario}></Route>
   <Route exact path="/meus-itinerarios" component={MeusItinerarios}></Route>
   <Route exact path="/">
-    <Redirect to="/login" />
+    <Redirect to="/home" />
   </Route>
 </>)
 

src/pages/BuscarItinerario.tsx

@@ -9,6 +9,7 @@ import {
   IonContent,
   IonGrid,
   IonHeader,
+  IonIcon,
   IonItem,
   IonLabel,
   IonList,
@@ -20,6 +21,7 @@ import {
   IonTitle,
   IonToolbar,
 } from "@ionic/react";
+import { cashOutline, personOutline, starOutline } from "ionicons/icons";
 
 import { useEffect, useState } from "react";
 import { useHistory } from "react-router";
@@ -162,13 +164,13 @@ const BuscarItinerario: React.FC = () => {
                       <IonCard key={index}>
                         <IonCardHeader>
                           <IonCardTitle>
-                            <p>Bairros atendidos: {itinerario.bairros_atendidos[0].lat},{itinerario.bairros_atendidos[0].lgn}</p>
-                            <p>Instituições de ensino atendidas: {itinerario.destinos[0].lat},{itinerario.destinos[0].lgn}</p>
+                            {/* <p>Bairros atendidos: {itinerario.bairros_atendidos[0].lat},{itinerario.bairros_atendidos[0].lgn}</p> */}
+                            {/* <p>Instituições de ensino atendidas: {itinerario.destinos[0].lat},{itinerario.destinos[0].lgn}</p> */}
                           </IonCardTitle>
                           <IonCardSubtitle>
-                            <p>Vagas disponíveis: {itinerario.lugares}</p>
-                            <p>Motorista: {itinerario.motorista}</p>
-                            <p>Valor: {itinerario.valor}</p>
+                            <p><IonIcon icon={personOutline} /> Vagas disponíveis: {itinerario.lugares}</p>
+                            <p><IonIcon icon={starOutline} /> Motorista: {itinerario.motorista}</p>
+                            <p><IonIcon icon={cashOutline} /> Valor: {itinerario.valor}</p>
                           </IonCardSubtitle>
                         </IonCardHeader>
                       </IonCard>

src/pages/Buscas.tsx

@@ -1,4 +1,4 @@
-import { IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonContent, IonPage } from "@ionic/react";
+import { IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from "@ionic/react";
 
 import { useEffect, useState } from "react";
 import { useHistory } from "react-router";
@@ -9,8 +9,14 @@ const Buscas: React.FC = () => {
 
   return (
     <IonPage>
+      <IonHeader>
+        <IonToolbar>
+          <IonTitle>Buscas</IonTitle>
+        </IonToolbar>
+      </IonHeader>
+
       <IonContent fullscreen>
-        <IonCard button onClick={ () => history.push({ pathname: "/buscar/itinerario"}) }>
+        <IonCard button class="cardItem" onClick={ () => history.push({ pathname: "/buscar/itinerario"}) }>
           <img src="https://images.unsplash.com/photo-1561361513-2d000a50f0dc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8dmFufGVufDB8fDB8fA%3D%3D&w=1000&q=80" />
           <IonCardHeader>
             <IonCardTitle>Buscar itinerários</IonCardTitle>
@@ -21,7 +27,7 @@ const Buscas: React.FC = () => {
           </IonCardContent>
         </IonCard>
 
-        <IonCard button onClick={ () => history.push({ pathname: "/buscar/passageiro"}) }>
+        <IonCard button class="cardItem" onClick={ () => history.push({ pathname: "/buscar/passageiro"}) }>
           <img src="https://media.istockphoto.com/photos/male-passenger-using-laptop-during-flight-picture-id926203958?k=20&m=926203958&s=612x612&w=0&h=o52_eychVRRum6U5Q8C3bVxpnyXzcueqo1I52bhI-KA=" />
           <IonCardHeader>
             <IonCardTitle>Buscar passageiros</IonCardTitle>
@@ -32,7 +38,7 @@ const Buscas: React.FC = () => {
           </IonCardContent>
         </IonCard>
 
-        <IonCard button onClick={ () => history.push({ pathname: "/buscar-transporte"}) }>
+        {/* <IonCard button onClick={ () => history.push({ pathname: "/buscar-transporte"}) }>
           <IonCardHeader>
             <IonCardTitle>/buscar-transporte</IonCardTitle>
           </IonCardHeader>
@@ -50,7 +56,7 @@ const Buscas: React.FC = () => {
           <IonCardContent>
             Clique aqui para buscar por passageiros
           </IonCardContent>
-        </IonCard>
+        </IonCard> */}
       </IonContent>
     </IonPage>
   );