wip

src/pages/CadastrarItinerario/CadastrarItinerario.tsx

@@ -2,45 +2,30 @@ import {
   IonBackButton,
   IonButton,
   IonButtons,
-  IonCard,
-  IonCardContent,
   IonContent,
   IonHeader,
   IonIcon,
-  IonItem,
-  IonLabel,
-  IonList,
-  IonListHeader,
   IonPage,
-  IonRadio,
-  IonRadioGroup,
   IonTitle,
   IonToolbar,
 } from "@ionic/react";
 import { close, locateOutline, locationOutline } from "ionicons/icons";
-import { useState } from "react";
 import GooglePlacesAutocomplete from "react-google-places-autocomplete";
 
 export default function CadastrarItinerario() {
-  const [selected, setSelected] = useState<any>("");
-
   return (
     <IonPage>
       <IonHeader>
         <IonToolbar>
+          <IonTitle>Cadastrar Itinerário</IonTitle>
           <IonButtons slot="start">
             <IonBackButton icon={close} text="" defaultHref="/perfil" />
           </IonButtons>
         </IonToolbar>
       </IonHeader>
       <IonContent fullscreen>
-        <IonHeader collapse="condense">
-          <IonToolbar>
-            <IonTitle size="large">Cadastrar Itinerário</IonTitle>
-          </IonToolbar>
-        </IonHeader>
-        <IonCard>
-          <IonCardContent>
+        <div className="m-3">
+          <h1>Digite o endereço de onde você iniciará a rota do itinerário</h1>
           <div className="inputs-from-to">
             <IonIcon icon={locateOutline}></IonIcon>
             <GooglePlacesAutocomplete
@@ -63,36 +48,10 @@ export default function CadastrarItinerario() {
               }}
             />
           </div>
-            <IonList>
-              <IonRadioGroup
-                value={selected}
-                onIonChange={(e) => setSelected(e.detail.value)}
-              >
-                <IonListHeader>
-                  <IonLabel>Name</IonLabel>
-                </IonListHeader>
-
-                <IonItem>
-                  <IonLabel>Biff</IonLabel>
-                  <IonRadio slot="start" value="biff" />
-                </IonItem>
-
-                <IonItem>
-                  <IonLabel>Griff</IonLabel>
-                  <IonRadio slot="start" value="griff" />
-                </IonItem>
-
-                <IonItem>
-                  <IonLabel>Buford</IonLabel>
-                  <IonRadio slot="start" value="buford" />
-                </IonItem>
-              </IonRadioGroup>
-            </IonList>
           <div className="button-search">
             <IonButton color="primary">Cadastrar</IonButton>
           </div>
-          </IonCardContent>
-        </IonCard>
+        </div>
       </IonContent>
     </IonPage>
   );