selectedSeatsList should now be reset before loading theater. 🦏

src/app/selected-seats.service.ts

@@ -27,4 +27,10 @@ export class SelectedSeatsService {
     return this.selectedSeatsList;
   }
 
+  clearSelectedSeatsList(): void {
+    this.selectedSeatsList.forEach((seat) => {
+      this.removeSelectedSeat(seat);
+    })
+  }
+
 }

src/app/theater-overlay/theater-overlay.component.ts

@@ -5,6 +5,7 @@ import {catchError, of, tap} from 'rxjs';
 import {Sitzplatz} from '@infinimotion/model-frontend';
 import {TheaterSeatState} from '../model/theater-seat-state.model';
 import {ActivatedRoute} from '@angular/router';
+import {SelectedSeatsService} from '../selected-seats.service';
 
 @Component({
   selector: 'app-theater-overlay',
@@ -19,11 +20,12 @@ export class TheaterOverlayComponent implements OnInit {
   showId!: number;
   seatsPerRow: { seat: Sitzplatz, state: TheaterSeatState }[][] = []
 
-  constructor(private route: ActivatedRoute) {}
+  constructor(private route: ActivatedRoute, private selectedSeatService : SelectedSeatsService) {}
 
   ngOnInit() {
     this.showId = Number(this.route.snapshot.paramMap.get('id')!);
     this.loadShowSeats();
+    this.selectedSeatService.clearSelectedSeatsList();
   }
 
   loadShowSeats() {