rugby-board/rugby-board-node

import Router from 'preact-router';
import { h, render } from 'preact';
import { createHashHistory } from 'history';

// stylesheets
import './css/main.scss';

// components
import Header from './components/Header';
import Footer from './components/Footer';

// pages
import HomePage from './pages/HomePage';
import NewsPage from './pages/NewsPage';
import NewsItemPage from './pages/NewsItemPage';
import ResultsPage from './pages/ResultsPage';
import EventPage from './pages/EventPage';
import SearchPage from './pages/SearchPage';
import WikiContentPage from './pages/WikiContentPage';
import WikiPage from './pages/WikiPage';
import InfoPage from './pages/InfoPage';
import AboutPage from './pages/AboutPage';
import NotFound from './pages/NotFound';

// setup Google Analytics
/* eslint-disable no-undef */
ga('create', 'UA-92008867-1', 'auto');

const changeRoute = (e) => {
  ga('send', 'pageview', {
    page: e.url,
  });
};

// main router
const Main = () => (
  <Router history={createHashHistory()} onChange={changeRoute}>
    <HomePage path="/" />
    <NewsItemPage path="/news/:id" />
    <NewsPage path="/news" />
    <ResultsPage path="/results" />
    <EventPage path="/event/:name" />
    <SearchPage path="/search" />
    <WikiContentPage path="/wiki/:name" />
    <WikiPage path="/wiki" />
    <InfoPage path="/info" />
    <AboutPage path="/about" />
    <NotFound path="*" default />
  </Router>
);

// main app
const App = () => (
  <div className="container">
    <div className="container-linen">
      <Header />
      <Main />
      <Footer />
    </div>
  </div>
);

// render to body
render(<App />, document.body);