Fix focus after profile delete - track by name (#640)

Fix focus after profile delete - track by name
google · Aug 2, 2024 · 4c25a91 · 4c25a91
1 parent c74ec77
commit 4c25a91
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/modules/ui/src/app/pages/risk-assessment/risk-assessment.component.html b/modules/ui/src/app/pages/risk-assessment/risk-assessment.component.html
@@ -42,11 +42,7 @@ <h2 class="profiles-drawer-header-title">Saved profiles</h2>
     </div>
     <div class="profiles-drawer-content">
       <app-profile-item
-        *ngFor="
-          let profile of vm.profiles;
-          let i = index;
-          trackBy: trackByIndex
-        "
+        *ngFor="let profile of vm.profiles; let i = index; trackBy: trackByName"
         [profile]="profile"
         class="profile-item-{{ i }}"
         [ngClass]="{ selected: profile.name === vm.selectedProfile?.name }"

diff --git a/modules/ui/src/app/pages/risk-assessment/risk-assessment.component.ts b/modules/ui/src/app/pages/risk-assessment/risk-assessment.component.ts
@@ -140,8 +140,8 @@ export class RiskAssessmentComponent implements OnInit, OnDestroy {
     }
   }
 
-  trackByIndex = (index: number): number => {
-    return index;
+  trackByName = (index: number, item: Profile): string => {
+    return item.name;
   };
 
   private closeFormAfterDelete(name: string, selectedProfile: Profile | null) {