Fix tracking function for file info sheet tag services

floogulinc · Mar 26, 2024 · 088b9bb · 088b9bb
1 parent 949ee1a
commit 088b9bb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/app/file-info-sheet/file-info-sheet.component.html b/src/app/file-info-sheet/file-info-sheet.component.html
@@ -202,7 +202,7 @@ <h3 class="mat-subheading-2">Tags</h3>
           <mat-slide-toggle labelPosition="before" [(ngModel)]="fileInfoSheetService.showStorageTags" [disabled]="!file.storageTags">Edit mode</mat-slide-toggle>
         </div>
         <mat-accordion multi>
-          @for (service of (fileInfoSheetService.showStorageTags ? file.storageTags : file.displayTags) | orderBy: 'serviceName' | orderBy: '-serviceType'; track service.serviceKey ?? service.serviceName) {
+          @for (service of (fileInfoSheetService.showStorageTags ? file.storageTags : file.displayTags) | orderBy: 'serviceName' | orderBy: '-serviceType'; track  trackByTagService(service)) {
             <mat-expansion-panel >
               <mat-expansion-panel-header>
                 {{service.serviceName}} ({{service.tags.length}})

diff --git a/src/app/file-info-sheet/file-info-sheet.component.ts b/src/app/file-info-sheet/file-info-sheet.component.ts
@@ -158,6 +158,9 @@ export class FileInfoSheetComponent {
     this.reload$.next(null);
   }
 
+  trackByTagService(item: TagServiceItem) {
+    return item.serviceKey ?? item.serviceName;
+  }
 
   navigatorShare = navigator.share;