wip

src/frontend/App.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { BrowserRouter, Route, Switch, useLocation } from 'react-router-dom';
+
+import { IndexPage } from './pages';
+import { RankingPage } from './pages/ranking';
+import { Header } from './components/Header';
+
+import 'xeltica-ui/dist/css/xeltica-ui.min.css';
+import './style.scss';
+
+const AppInner : React.VFC = () => {
+	const $location = useLocation();
+	return (
+		<>
+			<div className="container">
+				{$location.pathname !== '/' && <Header hasTopLink />}
+				<Switch>
+					<Route exact path="/" component={IndexPage} />
+					<Route exact path="/ranking" component={RankingPage} />
+				</Switch>
+				<footer className="text-center pa-5">
+					(C)2020-2021 Xeltica
+				</footer>
+			</div>
+		</>
+	);
+};
+
+export const App: React.VFC = () => (
+	<BrowserRouter>
+		<AppInner />
+	</BrowserRouter>
+);