Melvin Valster
39 lines
946 B
TypeScript
39 lines
946 B
TypeScript
import './App.scss'
|
|
import React from 'react'
|
|
import { BrowserRouter as Router, Route, Switch, Link } from 'react-router-dom'
|
|
import Loadable from 'react-loadable'
|
|
import { PageLoader } from './components/PageLoader'
|
|
|
|
const LoadableHome = Loadable({
|
|
loader: () => import('./containers/Home'),
|
|
loading: PageLoader
|
|
})
|
|
|
|
const LoadablePlayground = Loadable({
|
|
loader: () => import('./containers/Playground'),
|
|
loading: PageLoader
|
|
})
|
|
|
|
const App: React.FC = () => {
|
|
return (
|
|
<Router>
|
|
<div className="App">
|
|
<main>
|
|
<Switch>
|
|
<Route exact path="/playground" component={LoadablePlayground} />
|
|
<Route path="/:selectedClass?/:pointString?" component={LoadableHome} />
|
|
</Switch>
|
|
</main>
|
|
|
|
<footer>
|
|
<Link to="/">Home</Link>
|
|
{' - '}
|
|
<Link to="/playground">Components</Link>
|
|
</footer>
|
|
</div>
|
|
</Router>
|
|
);
|
|
}
|
|
|
|
export default App;
|