change sidebar

frontend/src/app/routes/settings/settings.routing.module.ts

@@ -1,5 +1,7 @@
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { Permission } from 'picsur-shared/dist/dto/permissions';
+import { PermissionGuard } from 'src/app/guards/permission.guard';
 import { PRoutes } from 'src/app/models/picsur-routes';
 import { SettingsGeneralRouteModule } from './settings-general/settings-home.module';
 import { SettingsSidebarComponent } from './settings-sidebar/settings-sidebar.component';
@@ -7,15 +9,41 @@ import { SettingsSidebarComponent } from './settings-sidebar/settings-sidebar.co
 const SettingsRoutes: PRoutes = [
   {
     path: '',
+    redirectTo: 'general',
+  },
+  {
+    path: 'general',
     loadChildren: () => SettingsGeneralRouteModule,
+    canActivate: [PermissionGuard],
     data: {
-      sidebar: SettingsSidebarComponent,
+      permissions: [Permission.Settings],
+      page: {
+        title: 'General',
+        icon: 'settings',
+        category: 'personal',
+      },
     },
   },
+  {
+    path: 'sidebar',
+    component: SettingsSidebarComponent,
+  },
 ];
 
 @NgModule({
   imports: [RouterModule.forChild(SettingsRoutes)],
   exports: [RouterModule],
 })
-export class SettingsRoutingModule {}
+export class SettingsRoutingModule {
+  static forRoot(): ModuleWithProviders<SettingsRoutingModule> {
+    return {
+      ngModule: SettingsRoutingModule,
+      providers: [
+        {
+          provide: 'SettingsRoutes',
+          useFactory: () => SettingsRoutes,
+        },
+      ],
+    };
+  }
+}