From cb956907fe905b74d984cff411c3798bbe1e47d4 Mon Sep 17 00:00:00 2001
From: Sinan997 <sinanozturk997@gmail.com>
Date: Fri, 8 Sep 2023 16:42:16 +0300
Subject: [PATCH] add *ngIf directive to make feature-management-component
 destroyable

---
 .../feature-management-tab.component.html                   | 6 ++++--
 .../feature-management-tab.component.ts                     | 4 +---
 .../feature-management/feature-management.component.ts      | 2 --
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management-tab/feature-management-tab.component.html b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management-tab/feature-management-tab.component.html
index cfd49602b6..38912f7caa 100644
--- a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management-tab/feature-management-tab.component.html
+++ b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management-tab/feature-management-tab.component.html
@@ -4,7 +4,8 @@
   <i class="fa fa-cog" aria-hidden="true"></i>
   {{ 'AbpFeatureManagement::ManageHostFeatures' | abpLocalization }}
 </button>
-<abp-feature-management
+<ng-container *ngIf="visibleFeatures">
+  <abp-feature-management
   *abpReplaceableTemplate="{
     inputs: {
       providerName: { value: 'T' },
@@ -17,5 +18,6 @@
   [(visible)]="visibleFeatures"
   providerName="T"
   [providerKey]="providerKey"
->
+  >
 </abp-feature-management>
+</ng-container>
diff --git a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management-tab/feature-management-tab.component.ts b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management-tab/feature-management-tab.component.ts
index 3ac018478e..d65b3a74a9 100644
--- a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management-tab/feature-management-tab.component.ts
+++ b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management-tab/feature-management-tab.component.ts
@@ -9,9 +9,7 @@ export class FeatureManagementTabComponent {
   providerKey: string;
 
   openFeaturesModal() {
-    setTimeout(() => {
-      this.visibleFeatures = true;
-    }, 0);
+    this.visibleFeatures = true;
   }
 
   onVisibleFeaturesChange = (value: boolean) => {
diff --git a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts
index 84f057779a..25d8e76764 100644
--- a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts
+++ b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts
@@ -66,8 +66,6 @@ export class FeatureManagementComponent
       this.openModal();
       return;
     }
-
-    this.selectedGroupDisplayName = undefined;
   }
 
   @Output() readonly visibleChange = new EventEmitter<boolean>();