Merge branch 'master' of https://github.com/CloudAlb/tcc-vamos-frontend into feature/buscar-transporte

src/App.tsx

@@ -1,15 +1,26 @@
 import { Redirect, Route } from 'react-router-dom';
 import {
   IonApp,
+  IonIcon,
+  IonLabel,
   IonRouterOutlet,
+  IonTabBar,
+  IonTabButton,
+  IonTabs,
   setupIonicReact
 } from '@ionic/react';
 import { IonReactRouter } from '@ionic/react-router';
-import Cadastro from './pages/Cadastro/Cadastro';
-import MainPages from './pages/MainPages';
 
 // importação das páginas
+import Cadastro from './pages/Cadastro/Cadastro';
 import Login from './pages/Login';
+import Home from './pages/Home';
+import Perfil from './pages/Perfil';
+import PerfilEditar from './pages/PerfilEditar';
+import CadastroVan from './pages/CadastroVan';
+import CadastroCompletar from './pages/CadastroCompletar/CadastroCompletar';
+import CompletarDocumento from './pages/CadastroCompletar/CompletarDocumento';
+import CompletarTelefone from './pages/CadastroCompletar/CompletarTelefone';
 
 /* Core CSS required for Ionic components to work properly */
 import '@ionic/react/css/core.css';
@@ -33,27 +44,86 @@ import BuscarPassageiro from './pages/BuscarPassageiro/BuscarPassageiro';
 import Transportes from './pages/Transportes/Transportes';
 import BuscarTransporte from './pages/BuscarTransporte/BuscarTransporte';
 // import Tabs from './components/Tabs';
+import { search, home, person } from 'ionicons/icons';
+import { useState, useContext } from 'react';
+import React from 'react';
+import MinhasVans from './pages/MinhasVans';
 
 setupIonicReact();
 
-const App: React.FC = () => (
+const routes = (
+<>
+  <Route exact path="/cadastro" component={Cadastro}></Route>
+  <Route exact path="/login" component={Login}></Route>
+
+  <Route exact path="/home" component={Home}></Route>
+
+  <Route exact path="/perfil" component={Perfil}></Route>
+  <Route exact path="/perfil/editar" component={PerfilEditar}></Route>
+  <Route exact path="/perfil/completar" component={CadastroCompletar}></Route>
+  <Route exact path="/perfil/completar/documento" component={CompletarDocumento}></Route>
+  <Route exact path="/perfil/completar/telefone" component={CompletarTelefone}></Route>
+
+  <Route exact path="/usuario/:id" component={Perfil}></Route>
+
+  <Route exact path="/cadastro-van" component={CadastroVan}></Route>
+  <Route exact path="/minhas-vans" component={MinhasVans}></Route>
+  <Route exact path="/">
+    <Redirect to="/login" />
+  </Route>
+</>)
+
+interface IUserManager {
+  setIsLoggedIn: Function;
+}
+
+const user: IUserManager = {
+  setIsLoggedIn: () => {}
+};
+
+export const UserContext = React.createContext<IUserManager>(user);
+
+const IonicApp: React.FC = () => {
+
+  const [isLoggedIn, setIsLoggedIn] = useState(false);
+  const user = useContext(UserContext);
+
+  user.setIsLoggedIn = setIsLoggedIn;
+
+  return(
   <IonApp>
     <IonReactRouter>
-      
-        <IonRouterOutlet>
-          <Route exact path="/mainpages" component={MainPages}></Route>
-          <Route exact path="/cadastro" component={Cadastro}></Route>
-          <Route exact path="/login" component={Login}></Route>
-          <Route exact path="/buscar-passageiro" component={BuscarPassageiro}></Route>
-          {/* <Route exact path="/buscar-transporte" component={BuscarTransporte}></Route> */}
-          <Route exact path="/transportes" component={Transportes}></Route>
-          <Route exact path="/">
-            <Redirect to="/mainpages" />
-          </Route>
-        </IonRouterOutlet>
-        
-    </IonReactRouter>
+        {isLoggedIn ? (
+          <IonTabs>
+            <IonRouterOutlet>{routes}</IonRouterOutlet>
+            
+            <IonTabBar slot="bottom">
+              <IonTabButton tab="buscar" href="/buscar">
+                <IonIcon icon={search} />
+                <IonLabel>Buscar</IonLabel>
+              </IonTabButton>
+              <IonTabButton tab="home" href="/home">
+                <IonIcon icon={home} />
+                <IonLabel>Home</IonLabel>
+              </IonTabButton>
+              <IonTabButton tab="perfil" href="/perfil">
+                <IonIcon icon={person} />
+                <IonLabel>Perfil</IonLabel>
+              </IonTabButton>
+            </IonTabBar>
+          </IonTabs>
+        ) : (<IonRouterOutlet>{routes}</IonRouterOutlet>)}
+      </IonReactRouter>
   </IonApp>
-);
+  )
+}
+
+const App: React.FC = () => {
+  return (
+    <UserContext.Provider value={user}>
+      <IonicApp />
+    </UserContext.Provider>
+  );
+};
 
 export default App;