From 04a176573c39edb8507a2c7cb42abe6a3536fb3c Mon Sep 17 00:00:00 2001
From: infacc <st154936@stud.uni-stuttgart.de>
Date: Fri, 7 Jul 2023 14:24:35 +0200
Subject: [PATCH] create TrackByFunction for templateTabLinks

---
 .../experiment-workspace-detail.component.html                | 2 +-
 .../experiment-workspace-detail.component.ts                  | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/components/experiment-workspace-detail/experiment-workspace-detail.component.html b/src/app/components/experiment-workspace-detail/experiment-workspace-detail.component.html
index 9e73039..17e0570 100644
--- a/src/app/components/experiment-workspace-detail/experiment-workspace-detail.component.html
+++ b/src/app/components/experiment-workspace-detail/experiment-workspace-detail.component.html
@@ -67,7 +67,7 @@ <h3 mat-subheader>Create New Template Tab</h3>
         </mat-expansion-panel>
         <mat-divider></mat-divider>
 
-        <ng-container *ngFor="let group of templateTabLinks | keyvalue: tabOrder">
+        <ng-container *ngFor="let group of templateTabLinks | keyvalue:tabOrder; trackBy:trackByTabLink">
             <h3 mat-subheader>{{tabGroupNameOverrides[group.key] ?? group.key}}</h3>
             <mat-expansion-panel *ngFor="let tab of group.value" [expanded]="tabId == tab.resourceKey?.uiTemplateTabId"
             (afterExpand)="selectTab(tab.resourceKey?.uiTemplateTabId ?? 'null')" (closed)="deselectTab(tab.resourceKey?.uiTemplateTabId ?? null)" 
diff --git a/src/app/components/experiment-workspace-detail/experiment-workspace-detail.component.ts b/src/app/components/experiment-workspace-detail/experiment-workspace-detail.component.ts
index 120e22f..868f3f2 100644
--- a/src/app/components/experiment-workspace-detail/experiment-workspace-detail.component.ts
+++ b/src/app/components/experiment-workspace-detail/experiment-workspace-detail.component.ts
@@ -23,7 +23,7 @@ export class ExperimentWorkspaceDetailComponent implements OnInit {
 
     readonly separatorKeysCodes = [ENTER, COMMA] as const;
 
-    tabGroupNameOverrides = {...TAB_GROUP_NAME_OVERRIDES};
+    tabGroupNameOverrides = { ...TAB_GROUP_NAME_OVERRIDES };
 
     templateId: string | null = null;
     tabId: string | null = null;
@@ -342,4 +342,6 @@ export class ExperimentWorkspaceDetailComponent implements OnInit {
         const bSortKey = TAB_GROUP_SORT_KEYS[b.key] ?? 0;
         return aSortKey - bSortKey;
     }
+
+    trackByTabLink = (index: number, item: KeyValue<string, ApiLink[]>) => item.value.map(link => link.href).join(',');
 }