cloud/tcc-vamos-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Hugo Falcao
2022-08-24 23:11:02 -03:00
parent 88df2c3a5f
commit 99b01cad85
1 changed files with 29 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/pages/CadastrarItinerario/CadastrarItinerario.tsx
View File

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