Handling two different user roles about redux-auth-wrapper

[mjrussell]

@omago thats an interesting use case and the auth wrapper in its current form probably does not solve this easily. The routes will always match first and you cant change the routes based on the store in React Router, so listing them sequentially wont work in this case.

One option you could do is use the auth wrapper for the / route as just the authentication, not authorization.

So you'd have a route like:
<Route path="/" component={UserIsAuthenticated(AdvertiserLayout)} />

Then inside the Advertiser layout, you have the authData as a prop and can do something like the following in your render:

render() {
  if (this.props.authData.isAdmin) {
    return <AdminAdvertiserLayout />;
  } else {
    return <AdvertiserLayout />;
  }
}

[omago]

Hi Matthew,

Thanks for your reply, i will try your approach. The best would be to implement authentication and autorization in a way that they are independent. Once again, thanks for your answer.

[mjrussell]

@omago if you have any suggestions or improvements to the library that you think would make this easier definitely let me know! In my apps I typically route admins/regular users to different locations rather than displaying different data on the same route.

You could also write your own HOC that behaves similar to and takes in two different components and decides with an auth check on which to render.