render() {
    if (!this.state.isConnected) {
      return (<NoConnectionView />)
    }

    if (!this.props.actions || this.props.isLoading) {
      return (<LoadingView />)
    }

    // <NotificationsModal
    //   ref="notificationsModal"
    //   actions={this.props.actions}
    //   user={this.props.user} />

    const notificationProps = this.getNotificationProps()

    return (
      <Router {...this.props} initial="userProfile">
        <Schema name="default" {...defaultSchema} />
        <Route
          user={this.props.user}
          name="logIn"
          component={LogIn}
          title="Log In"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="signUp"
          component={SignUp}
          title="Sign Up"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="resetPassword"
          component={ResetPassword}
          title="Reset Password"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="comments"
          component={Comments}
          title="Comments"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="messageDetail"
          component={MessageDetail}
          title="Messages"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="search"
          component={Search}
          title="Search"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="search"
          component={Search}
          title="Search"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="boutiqueProfile"
          component={BoutiqueProfile}
          title="Boutique Profile"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <TabRoute name="tabBar" barTint={tabStyles.barTint} tint={tabStyles.tint}>
          <Route
            user={this.props.user}
            name="discovery"
            component={Discovery}
            title="Devine"
            navLeftIcon="search"
            navLeftHandler={this.onSearchPress.bind(this)}
            tabItem={{icon: 'list'}}
            navRightIcon="notifications"
            navRightHandler={this.onNotificationPress.bind(this)} />
          <Route
            user={this.props.user}
            name="messages"
            component={Messages}
            title="Messages"
            navLeftIcon="search"
            navLeftHandler={this.onSearchPress.bind(this)}
            tabItem={{icon: 'inbox'}} />
          <Route
            user={this.props.user}
            name="userProfile"
            component={UserProfile}
            title="Profile"
            navLeftIcon="search"
            navLeftHandler={this.onSearchPress.bind(this)}
            tabItem={{icon: 'person'}} />
        </TabRoute>
      </Router>
    )
  }
/**
   * Renders all of the possible routes in the app.
   *
   * @return {object} component
   */
Renders all of the possible routes in the app.
@return {object} component
Renders all of the possible routes in the app . @return { object } component
render() {
    if (!this.state.isConnected) {
      return (<NoConnectionView />)
    }
    if (!this.props.actions || this.props.isLoading) {
      return (<LoadingView />)
    }
    const notificationProps = this.getNotificationProps()
    return (
      <Router {...this.props} initial="userProfile">
        <Schema name="default" {...defaultSchema} />
        <Route
          user={this.props.user}
          name="logIn"
          component={LogIn}
          title="Log In"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="signUp"
          component={SignUp}
          title="Sign Up"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="resetPassword"
          component={ResetPassword}
          title="Reset Password"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="comments"
          component={Comments}
          title="Comments"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="messageDetail"
          component={MessageDetail}
          title="Messages"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="search"
          component={Search}
          title="Search"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="search"
          component={Search}
          title="Search"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <Route
          user={this.props.user}
          name="boutiqueProfile"
          component={BoutiqueProfile}
          title="Boutique Profile"
          navLeftIcon="chevron-left"
          navLeftHandler={this.props.actions.pop.bind(this)} />
        <TabRoute name="tabBar" barTint={tabStyles.barTint} tint={tabStyles.tint}>
          <Route
            user={this.props.user}
            name="discovery"
            component={Discovery}
            title="Devine"
            navLeftIcon="search"
            navLeftHandler={this.onSearchPress.bind(this)}
            tabItem={{icon: 'list'}}
            navRightIcon="notifications"
            navRightHandler={this.onNotificationPress.bind(this)} />
          <Route
            user={this.props.user}
            name="messages"
            component={Messages}
            title="Messages"
            navLeftIcon="search"
            navLeftHandler={this.onSearchPress.bind(this)}
            tabItem={{icon: 'inbox'}} />
          <Route
            user={this.props.user}
            name="userProfile"
            component={UserProfile}
            title="Profile"
            navLeftIcon="search"
            navLeftHandler={this.onSearchPress.bind(this)}
            tabItem={{icon: 'person'}} />
        </TabRoute>
      </Router>
    )
  }
render ( ) { if ( ! this . state . isConnected ) { return ( < NoConnectionView / > ) } if ( ! this . props . actions || this . props . isLoading ) { return ( < LoadingView / > ) } const notificationProps = this . getNotificationProps ( ) return ( < Router { ... this . props } initial = "userProfile" > < Schema name = "default" { ... defaultSchema } / > < Route user = { this . props . user } name = "logIn" component = { LogIn } title = "Log In" navLeftIcon = "chevron-left" navLeftHandler = { this . props . actions . pop . bind ( this ) } / > < Route user = { this . props . user } name = "signUp" component = { SignUp } title = "Sign Up" navLeftIcon = "chevron-left" navLeftHandler = { this . props . actions . pop . bind ( this ) } / > < Route user = { this . props . user } name = "resetPassword" component = { ResetPassword } title = "Reset Password" navLeftIcon = "chevron-left" navLeftHandler = { this . props . actions . pop . bind ( this ) } / > < Route user = { this . props . user } name = "comments" component = { Comments } title = "Comments" navLeftIcon = "chevron-left" navLeftHandler = { this . props . actions . pop . bind ( this ) } / > < Route user = { this . props . user } name = "messageDetail" component = { MessageDetail } title = "Messages" navLeftIcon = "chevron-left" navLeftHandler = { this . props . actions . pop . bind ( this ) } / > < Route user = { this . props . user } name = "search" component = { Search } title = "Search" navLeftIcon = "chevron-left" navLeftHandler = { this . props . actions . pop . bind ( this ) } / > < Route user = { this . props . user } name = "search" component = { Search } title = "Search" navLeftIcon = "chevron-left" navLeftHandler = { this . props . actions . pop . bind ( this ) } / > < Route user = { this . props . user } name = "boutiqueProfile" component = { BoutiqueProfile } title = "Boutique Profile" navLeftIcon = "chevron-left" navLeftHandler = { this . props . actions . pop . bind ( this ) } / > < TabRoute name = "tabBar" barTint = { tabStyles . barTint } tint = { tabStyles . tint } > < Route user = { this . props . user } name = "discovery" component = { Discovery } title = "Devine" navLeftIcon = "search" navLeftHandler = { this . onSearchPress . bind ( this ) } tabItem = { { icon : 'list' } } navRightIcon = "notifications" navRightHandler = { this . onNotificationPress . bind ( this ) } / > < Route user = { this . props . user } name = "messages" component = { Messages } title = "Messages" navLeftIcon = "search" navLeftHandler = { this . onSearchPress . bind ( this ) } tabItem = { { icon : 'inbox' } } / > < Route user = { this . props . user } name = "userProfile" component = { UserProfile } title = "Profile" navLeftIcon = "search" navLeftHandler = { this . onSearchPress . bind ( this ) } tabItem = { { icon : 'person' } } / > < / TabRoute > < / Router > ) }
Renders all of the possible routes in the app.
Renders all of the possible routes in the app .
// <NotificationsModal //   ref="notificationsModal" //   actions={this.props.actions} //   user={this.props.user} />