From b3ecb231c8fb54b9b593756ea9e08f0718c6e8ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20Ha=C3=9Fel?= <git@patrick-hassel.de>
Date: Fri, 29 Nov 2024 13:18:28 +0100
Subject: [PATCH] ThingList trackBy

---
 .../angular/src/app/Thing/thing-list/thing-list.component.html  | 2 +-
 .../angular/src/app/Thing/thing-list/thing-list.component.ts    | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/main/angular/src/app/Thing/thing-list/thing-list.component.html b/src/main/angular/src/app/Thing/thing-list/thing-list.component.html
index f0d7f85..e0146aa 100644
--- a/src/main/angular/src/app/Thing/thing-list/thing-list.component.html
+++ b/src/main/angular/src/app/Thing/thing-list/thing-list.component.html
@@ -1,5 +1,5 @@
 <div class="tileContainer">
 
-  <app-thing-tile [now]="now" [thing]="thing" *ngFor="let thing of sorted()"></app-thing-tile>
+  <app-thing-tile [now]="now" [thing]="thing" *ngFor="let thing of sorted(); trackBy: Thing.trackBy"></app-thing-tile>
 
 </div>
diff --git a/src/main/angular/src/app/Thing/thing-list/thing-list.component.ts b/src/main/angular/src/app/Thing/thing-list/thing-list.component.ts
index ad66ec9..4f8a647 100644
--- a/src/main/angular/src/app/Thing/thing-list/thing-list.component.ts
+++ b/src/main/angular/src/app/Thing/thing-list/thing-list.component.ts
@@ -16,6 +16,8 @@ import {Thing} from '../Thing';
 })
 export class ThingListComponent implements OnInit, OnDestroy {
 
+  protected readonly Thing = Thing;
+
   private readonly subs: Subscription[] = [];
 
   protected now: Date = new Date();