Router.js

import React from 'react';
import Bets from './containers/Bets';
import Results from './containers/Results';
import Tickets from './containers/Tickets';
import Live from './containers/Live';
import LeagueSelectionPage from './containers/LeagueSelectionPage';
import Login from './containers/Login';
import Constants from './constants';
import MyAccMenu from './containers/MyAccMenu';

/**
 * Handle rendering content depend on current page string
 *
 * @function Router
 * @param {Constants.PAGES} currentPage
 * @returns {view} Content of selected page
 */
export default ({ currentPage }) => {
  switch (currentPage) {
    case Constants.PAGES.BETS:
    case Constants.PAGES.BETSLIP:
      return <Bets />;
    case Constants.PAGES.RESULTS:
    case Constants.PAGES.LEAGUE_TABLE:
      return <Results />;
    case Constants.PAGES.TICKETS:
    case Constants.PAGES.TICKET_DETAILS:
      return <Tickets />;
    case Constants.PAGES.LIVE:
    case Constants.PAGES.MY_LIVE:
    case Constants.PAGES.ALL_LIVE:
      return <Live />;
    case Constants.PAGES.LEAGUE_SELECTION:
      return <LeagueSelectionPage />;
    case Constants.PAGES.LOGIN:
      return <Login />;
    case Constants.PAGES.MY_ACCOUNT_MENU:
      return <MyAccMenu />;
    default:
      return <h1>Unknown page</h1>;
  }
};