Role based navigation to resouce
@kapa.ai , I want to have a role based navigation when a user login. For example, If a user has role of admin, then the resource will be users and if the user has role of endUser then the resouce will be posts. I am also providing you with my router code below.
<Routes>
<Route
element={
<Authenticated fallback={<CatchAllNavigate to="/login" />}>
<ThemedLayoutV2
Sider={() => <CustomSider />}
Header={() => <Header sticky />}
>
<Outlet />
</ThemedLayoutV2>
</Authenticated>
}
>
<Route path="/users">
<Route path="list" index element={<UserList />} />
</Route>
<Route path="/posts">
<Route path="list" index element={<PostsList />} />
</Route>
<Route path="*" element={<ErrorComponent />} />
</Route>
<Route
element={
<Authenticated fallback={<Outlet />}>
<NavigateToResource resource="users" />
</Authenticated>
}
>
<Route path="/login" element={<Login />} />
<Route path="/forgot-password" element={<ForgotPassword />} />
</Route>
</Routes>
<Routes>
<Route
element={
<Authenticated fallback={<CatchAllNavigate to="/login" />}>
<ThemedLayoutV2
Sider={() => <CustomSider />}
Header={() => <Header sticky />}
>
<Outlet />
</ThemedLayoutV2>
</Authenticated>
}
>
<Route path="/users">
<Route path="list" index element={<UserList />} />
</Route>
<Route path="/posts">
<Route path="list" index element={<PostsList />} />
</Route>
<Route path="*" element={<ErrorComponent />} />
</Route>
<Route
element={
<Authenticated fallback={<Outlet />}>
<NavigateToResource resource="users" />
</Authenticated>
}
>
<Route path="/login" element={<Login />} />
<Route path="/forgot-password" element={<ForgotPassword />} />
</Route>
</Routes>
