users

src/app/app.routes.ts

@@ -91,16 +91,23 @@ export const routes: Routes = [
       {
         path: 'shop-info',
         loadChildren: () =>
-          import(
+          import('./features/components/shop-info/shop-info.routes').then(
-            './features/components/shop-info/shop-info.routes'
+            (r) => r.SHOP_INFO_ROUTES
-          ).then((r) => r.SHOP_INFO_ROUTES),
+          ),
       },
       {
         path: 'supplier-list',
         loadChildren: () =>
-          import(
+          import('./features/components/suppliers/suppliers.routes').then(
-            './features/components/suppliers/suppliers.routes'
+            (r) => r.SUPPLIERS_ROUTES
-          ).then((r) => r.SUPPLIERS_ROUTES),
+          ),
+      },
+      {
+        path: 'users',
+        loadChildren: () =>
+          import('./features/components/users/users.routes').then(
+            (r) => r.USERS_ROUTES
+          ),
       },
     ],
   },

src/app/features/components/users/users.routes.ts

@@ -0,0 +1,11 @@
+import { Routes } from '@angular/router';
+import { UserListComponent } from './user-list/user-list.component';
+
+
+export const USERS_ROUTES: Routes = [
+  {
+    path: '',
+    component: UserListComponent,
+    title: '',
+  },
+];

src/app/shared/components/layout/sidebar/sidebar.component.html

@@ -98,5 +98,14 @@
 
       <span>supplier-list</span>
     </div>
+    <div
+      class="nav-item"
+      [class.active]="activeRoute === 'users'"
+      (click)="setActive('users')"
+    >
+      <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
+
+      <span>users</span>
+    </div>
   </nav>
 </aside>