AppCakes
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { Redirect, Route } from 'react-router-dom';
|
|
import { IonApp, IonRouterOutlet } from '@ionic/react';
|
|
import { IonReactRouter } from '@ionic/react-router';
|
|
|
|
import '@ionic/react/css/core.css';
|
|
import '@ionic/react/css/normalize.css';
|
|
import '@ionic/react/css/structure.css';
|
|
import '@ionic/react/css/typography.css';
|
|
import '@ionic/react/css/padding.css';
|
|
import '@ionic/react/css/float-elements.css';
|
|
import '@ionic/react/css/text-alignment.css';
|
|
import '@ionic/react/css/text-transformation.css';
|
|
import '@ionic/react/css/flex-utils.css';
|
|
import '@ionic/react/css/display.css';
|
|
|
|
import './theme/variables.css';
|
|
|
|
import Home from './pages/Home';
|
|
import HelloWorld from './pages/HelloWorld';
|
|
|
|
const App: React.FC = () => (
|
|
<IonApp>
|
|
<IonReactRouter>
|
|
<IonRouterOutlet animated={true}>
|
|
<Route path="/home" component={Home} exact />
|
|
<Route path="/hello-world" component={HelloWorld} exact />
|
|
<Route exact path="/" render={() => <Redirect to="/home" />} />
|
|
</IonRouterOutlet>
|
|
</IonReactRouter>
|
|
</IonApp>
|
|
);
|
|
|
|
export default App;
|