Ionic rect disable side menu on login and register page

Ionic Framework Ionic React
1

Hi there, in starting to use ionic react I’m trying to disable the side menu on register and login page but I have not got any luck. Can you guys point me in the right direction?

2 
<IonContent>
... other page components
{ authenticated ? <Menu/> : null }
</IonContent>

or what i have done in my example is not even render the router that contains the menu when the user isn’t authenticated

if (!authInfo || !authInfo.initialized) {
    return (
      <IonApp>
        <IonLoading isOpen={true} />
      </IonApp>
    );
  } else {
    return (
      <IonApp>
        <>
          {authInfo?.loggedIn === true ? (
            <IonReactRouter>
              <IonSplitPane contentId="main">
                <Menu />
                <IonRouterOutlet id="main">
                  <Route path="/page/:name" component={Page} exact />
                  <Route path="/tabs" component={TabRootPage} />
                  <Redirect from="/" to="/tabs" exact />
                </IonRouterOutlet>
              </IonSplitPane>
            </IonReactRouter>
          ) : (
            <IonReactRouter>
              <Route
                path="/create-account"
                component={CreateAccountPage}
                exact
              />
              <Route path="/login" component={LoginPage} exact />
              <Redirect from="/" to="/login" exact />
            </IonReactRouter>
          )}
        </>
      </IonApp>
    );
  }

See full app and source code here : https://github.com/aaronksaunders/ionic-sidemenu-tabs-auth-starter

1 Like
3

Thanks for your response @aaronksaunders Im using firebase as my backend. your approach put me in the right direction. I’ll check how to make it work with firebase.