36 lines
985 B
TypeScript
36 lines
985 B
TypeScript
import * as React from 'react';
|
|
import { BrowserRouter, Link, 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';
|
|
import { TermPage } from './pages/term';
|
|
|
|
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} />
|
|
<Route exact path="/term" component={TermPage} />
|
|
</Switch>
|
|
<footer className="text-center pa-5">
|
|
<p>(C)2020-2021 Xeltica</p>
|
|
<p><Link to="/term">利用規約</Link></p>
|
|
</footer>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export const App: React.VFC = () => (
|
|
<BrowserRouter>
|
|
<AppInner />
|
|
</BrowserRouter>
|
|
);
|