content: import React from 'react'
  import ReactDOM from 'react-dom'
  import App from './components/App'
  import CreateUser from './components/CreateUser'
  import ListMembers from './components/MembersList'
  import MemberDetails from './components/MemberDetails'
  
  
  import { BrowserRouter as Router, Route } from 'react-router-dom'
  import { ApolloClient, ApolloProvider, createNetworkInterface } from 'react-apollo'
  // import 'tachyons'
  
  console.log(process.env);
  const networkInterface = createNetworkInterface({ uri: process.env.REACT_APP_GRAPH_SIMPLE })
  
  // use the auth0IdToken in localStorage for authorized requests
  networkInterface.use([{
    applyMiddleware (req, next) {
      if (!req.options.headers) {
        req.options.headers = {}
      }
  
      // get the authentication token from local storage if it exists
      if (localStorage.getItem('auth0IdToken')) {
        req.options.headers.authorization = `Bearer ${localStorage.getItem('auth0IdToken')}`
      } else {
        if(window.location.pathname !== '/') {
          window.location.href = '/';
        }
      }
      next()
    },
  }])
  
  const client = new ApolloClient({ networkInterface })
  
  ReactDOM.render((
    <ApolloProvider client={client}>
      <Router>
        <div>
            <Route exact path='/' component={App} />
            <Route path='/signup' component={CreateUser} />
            <Route path='/members' component={ListMembers} />
            <Route path='/member/:memberId' component={MemberDetails} />
        </div>
      </Router>
    </ApolloProvider>
    ),
    document.getElementById('root')
  )
  