Add New menu/route in the main layout
To add one more menu item in <MainRoutes />
, update the following file at the same location ...\src\routes\MainRoutes.jsx
...
...
const SamplePage = Loadable(lazy(() => import('views/sample-page')));
// import new view and save it in constant. for e.g
const NewMenu = Loadable(lazy(() => import('views/new-menu')));
const MainRoutes = {
path: '/',
element: (
<AuthGuard>
<MainLayout />
</AuthGuard>
),
children: [
{
path: '/sample-page',
element: <SamplePage />
},
{
path: '/newmenu',
element: <NewMenu />
}
]
};
export default MainRoutes;
...
...
const SamplePage = Loadable(lazy(() => import('views/sample-page')));
// import new view and save it in constant. for e.g
const NewMenu = Loadable(lazy(() => import('views/new-menu')));
const MainRoutes = {
path: '/',
element: (
<AuthGuard>
<MainLayout />
</AuthGuard>
),
children: [
{
path: '/sample-page',
element: <SamplePage />
},
{
path: '/newmenu',
element: <NewMenu />
}
]
};
export default MainRoutes;
Any route added in <MainLayout>
will automatically go through <AuthGuard>
Last updated