From c3be8dbdd5a77b7accf9c23a43cb7c1cf8f9c0c2 Mon Sep 17 00:00:00 2001
From: mehmet-erim <bilgi@mehmeterim.com>
Date: Wed, 9 Sep 2020 13:05:11 +0300
Subject: [PATCH] docs: use ReplaceableComponentsService in permissions modal
 replacement modal

---
 .../Permission-Management-Component-Replacement.md   | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/docs/en/UI/Angular/Permission-Management-Component-Replacement.md b/docs/en/UI/Angular/Permission-Management-Component-Replacement.md
index acdfffb948..9ae712cedd 100644
--- a/docs/en/UI/Angular/Permission-Management-Component-Replacement.md
+++ b/docs/en/UI/Angular/Permission-Management-Component-Replacement.md
@@ -473,24 +473,20 @@ Open the generated `permission-management.component.html` in `src/app/permission
 Open `app.component.ts` in `src/app` folder and modify it as shown below:
 
 ```js
-import { AddReplaceableComponent } from '@abp/ng.core';
+import { ReplaceableComponentsService } from '@abp/ng.core';
 import { ePermissionManagementComponents } from '@abp/ng.permission-management';
 import { Component, OnInit } from '@angular/core';
-import { Store } from '@ngxs/store';
 import { PermissionManagementComponent } from './permission-management/permission-management.component';
 
 //...
 export class AppComponent implements OnInit {
-  constructor(private store: Store) {} // injected store
+  constructor(private replaceableComponents: ReplaceableComponentsService) {} // injected ReplaceableComponentsService
 
   ngOnInit() {
-    // added dispatching the AddReplaceableComponent action
-    this.store.dispatch(
-      new AddReplaceableComponent({
+    this.replaceableComponents.add({
         component: PermissionManagementComponent,
         key: ePermissionManagementComponents.PermissionManagement,
-      })
-    );
+      });
   }
 }
 ```