class App extends Component {
  _isLoggedIn = () => {
    return localStorage.getItem(GC_AUTH_TOKEN);
  }

  render() {
    const Routes = props => (
      this._isLoggedIn() ?
      <AuthenticatedRoutes userdata={this.props.data.user} /> :
      <NotAuthenticatedRoutes />
    );

    if (this.props.data.loading) {
      return (
        <Loading />
      );
    }

    return(
      <Routes />
    );
  }
  
}

export const AuthenticatedRoutes = () => (
  <div>
    <Switch>
      <Route exact path='/' component={Header} />
      <Route path='/createhandler' component={CreateHandlerPage} />
      <Route path='/newoperator' component={() => <h1>NewOperatorPage</h1>}/>
      <Route path='/:operatorslug' component={() => <h1>OperatorPage</h1>}/>
      <Route render={() => <h1>Page not found</h1>}/>
    </Switch>
  </div>
);

export const NotAuthenticatedRoutes = () => (
  <div>
    <Switch>
      <Route path='/authenticate' component={AuthenticatePage} />
      <Redirect to='/authenticate' />
    </Switch>
  </div>
);