From cd0b2d0880d84b893d815ffaa3d71fc9cbd53f4d Mon Sep 17 00:00:00 2001
From: Piet Ostendorp <piet@ostendorp-online.de>
Date: Thu, 13 Nov 2025 22:57:47 +0100
Subject: [PATCH] Load Seat-Icons from DB

Replaces multiple conditional blocks for seat icons with a single interpolation using the category's icon property, simplifying the seat component template.
---
 src/app/seat/seat.component.html | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/app/seat/seat.component.html b/src/app/seat/seat.component.html
index 66a3da9..5513fe3 100644
--- a/src/app/seat/seat.component.html
+++ b/src/app/seat/seat.component.html
@@ -1,14 +1,6 @@
 <button (click)="updateSelectedSeats(this.seat())" [disabled]="state() == TheaterSeatState.BOOKED || state() == TheaterSeatState.RESERVED || !seatService.getSeatIsSelected()" class="mx-1 hover:opacity-50">
   <mat-icon [ngStyle]="{color: isSelectedAndAvaliable() ? '#6366f1': getSeatStateColor() }" style="font-size: 30px; width: 30px; height: 30px">
-    @if(this.seat().row.category.id ==1){
-      event_seat
-    }
-    @if(this.seat().row.category.id == 2){
-      weekend
-    }
-    @if(this.seat().row.category.id == 3){
-      chair
-    }
+    {{ seat().row.category.icon }}
   </mat-icon>
 </button>