text: import React, {Fragment} from 'react'
  import ReactDOM from 'react-dom'
  import {
    NavLink,
    Link,
    BrowserRouter as Router,
    Route,
    Switch,
  } from 'react-router-dom'
  import { ApolloProvider } from 'react-apollo'
  import ApolloClient from 'apollo-boost'
  
  import FeedPage from './components/FeedPage'
  import DraftsPage from './components/DraftsPage'
  import CreatePage from './components/CreatePage'
  import DetailPage from './components/DetailPage'
  
  import 'tachyons'
  import './index.css'
  
  const client = new ApolloClient({ uri: 'http://localhost:4000' })
  
  ReactDOM.render(
    <ApolloProvider client={client}>
      <Router>
        <Fragment>
          <nav className="pa3 pa4-ns">
            <NavLink
              className="link dim f6 f5-ns dib mr3 black"
              activeClassName="gray"
              exact={true}
              to="/"
              title="Surveys"
            >
              Surveys
            </NavLink>
            <NavLink
              className="link dim f6 f5-ns dib mr3 black"
              activeClassName="gray"
              exact={true}
              to="/drafts"
              title="Drafts"
            >
              Drafts
            </NavLink>
            <Link
              to="/create"
              className="f6 link dim br1 ba ph3 pv2 fr mb2 dib black"
            >
              + Create Survey
            </Link>
          </nav>
          <div className="fl w-100 pl4 pr4">
            <Switch>
              <Route exact path="/" component={FeedPage} />
              <Route path="/drafts" component={DraftsPage} />
              <Route path="/create" component={CreatePage} />
              <Route path="/survey/:id" component={DetailPage} />
            </Switch>
          </div>
        </Fragment>
      </Router>
    </ApolloProvider>,
    document.getElementById('root'),
  )
  