Ajuste das iontabs | Tela esboço de cadastro sem validação

This commit is contained in:
Hugo Falcao
2022-04-14 23:12:06 -03:00
parent b0371dbbaa
commit a4948bb989
13 changed files with 262 additions and 309 deletions

View File

@@ -1,8 +1,12 @@
import { IonApp, IonRouterOutlet, IonSplitPane, setupIonicReact } from '@ionic/react';
import { IonReactRouter } from '@ionic/react-router';
import { Redirect, Route } from 'react-router-dom';
import Menu from './components/Menu';
import Page from './pages/Page';
import {
IonApp,
IonRouterOutlet,
setupIonicReact
} from '@ionic/react';
import { IonReactRouter } from '@ionic/react-router';
import Cadastro from './pages/Cadastro';
import MainPages from './pages/MainPages';
/* Core CSS required for Ionic components to work properly */
import '@ionic/react/css/core.css';
@@ -25,24 +29,20 @@ import './theme/variables.css';
setupIonicReact();
const App: React.FC = () => {
return (
<IonApp>
<IonReactRouter>
<IonSplitPane contentId="main">
<Menu />
<IonRouterOutlet id="main">
<Route path="/" exact={true}>
<Redirect to="/page/Inbox" />
</Route>
<Route path="/page/:name" exact={true}>
<Page />
</Route>
</IonRouterOutlet>
</IonSplitPane>
</IonReactRouter>
</IonApp>
);
};
const App: React.FC = () => (
<IonApp>
<IonReactRouter>
<IonRouterOutlet>
<Route exact path="/mainpages" component={MainPages}></Route>
<Route exact path="/cadastro" component={Cadastro}></Route>
<Route exact path="/">
<Redirect to="/cadastro" />
</Route>
</IonRouterOutlet>
</IonReactRouter>
</IonApp>
);
export default App;