bridebook-ui-library/examples/routes.js

Bridebook UI Library

import React from 'react';
import {Router, Route, IndexRoute} from 'react-router';

import App from './app';
import AppWelcome from './welcome';
import InputExamples from './inputs/index';
import InputsWelcome from './inputs/welcome';
import CheckboxExamples from './inputs/checkbox';
import RangeExamples from './inputs/range';

const renderDevTools = () => {
  let result = false;
  // if (__ENVIRONMENT__ === 'development') {
    // TODO: Return something that should only be visible in dev.
  result = (
    <footer>Development Mode</footer>
  );
  // }
  return result;
};

export const routes = () => {
  return (
    <div>
      <Router>
        <Route path="/" component={App}>
          <IndexRoute component={AppWelcome} />
          <Route path="/examples/inputs" component={InputExamples}>
            <IndexRoute component={InputsWelcome} />
            <Route path="/examples/inputs/checkbox" component={CheckboxExamples} />
            <Route path="/examples/inputs/range" component={RangeExamples} />
          </Route>
        </Route>
      </Router>
      {renderDevTools()}
    </div>
  );
};