47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
import { IonRouterOutlet, IonTabs } from '@ionic/react';
|
|
|
|
import { Route, Redirect } from 'react-router';
|
|
|
|
import './theme/variables.scss';
|
|
|
|
import Home from './pages/Home';
|
|
import Login from './pages/Login';
|
|
import Signup from './pages/Signup';
|
|
|
|
function DemoReactLogin() {
|
|
return (
|
|
<IonTabs>
|
|
<IonRouterOutlet>
|
|
<Route exact path="/demo-react-login/home">
|
|
<Home />
|
|
</Route>
|
|
|
|
<Route exact path="/demo-react-login/signup">
|
|
<Signup />
|
|
</Route>
|
|
|
|
<Route exact path="/demo-react-login/login">
|
|
<Login />
|
|
</Route>
|
|
|
|
<Redirect exact path="/demo-react-login" to="/demo-react-login/home" />
|
|
</IonRouterOutlet>
|
|
|
|
{/*
|
|
<IonTabBar slot="bottom">
|
|
<IonTabButton tab="tab1" href="/demo-react-login/tab1">
|
|
<IonIcon icon={cloudOutline} />
|
|
<IonLabel>Dashboard</IonLabel>
|
|
</IonTabButton>
|
|
<IonTabButton tab="tab2" href="/demo-react-login/tab2">
|
|
<IonIcon icon={searchOutline} />
|
|
<IonLabel>Search</IonLabel>
|
|
</IonTabButton>
|
|
</IonTabBar>
|
|
*/}
|
|
</IonTabs>
|
|
);
|
|
}
|
|
|
|
export default DemoReactLogin;
|