From 715c6243281bc92d8072672927f2b9e2695f79cf Mon Sep 17 00:00:00 2001
From: 4gray <fourgray@proton.me>
Date: Sun, 4 May 2025 23:04:27 +0200
Subject: [PATCH] refactor: change input decorator usage and improve season
 selection logic

---
 .../season-container/season-container.component.html      | 5 ++---
 .../season-container/season-container.component.scss      | 4 ++++
 .../season-container/season-container.component.ts        | 8 ++++----
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/app/xtream-tauri/season-container/season-container.component.html b/src/app/xtream-tauri/season-container/season-container.component.html
index 093413b73..0e319aa82 100644
--- a/src/app/xtream-tauri/season-container/season-container.component.html
+++ b/src/app/xtream-tauri/season-container/season-container.component.html
@@ -2,7 +2,6 @@
 @if (selectedSeason) {
     <button
         mat-button
-        class="back-button"
         class="back-to-seasons"
         (click)="selectedSeason = undefined"
     >
@@ -12,13 +11,13 @@
 }
 <div class="seasons-container">
     @if (!selectedSeason) {
-        @for (season of seasons | keyvalue: compareSeasons; track $index) {
+        @for (season of seasons() | keyvalue: compareSeasons; track $index) {
             <mat-card class="season-item" (click)="selectSeason(season.key)">
                 <mat-card-content>Season {{ season.key }}</mat-card-content>
             </mat-card>
         }
     } @else {
-        @for (episode of seasons[selectedSeason]; track $index) {
+        @for (episode of seasons()[selectedSeason]; track $index) {
             <mat-card class="episode-item" (click)="selectEpisode(episode)">
                 @if (episode.info?.movie_image) {
                     <mat-card-content
diff --git a/src/app/xtream-tauri/season-container/season-container.component.scss b/src/app/xtream-tauri/season-container/season-container.component.scss
index 27410f5d2..d21c2f189 100644
--- a/src/app/xtream-tauri/season-container/season-container.component.scss
+++ b/src/app/xtream-tauri/season-container/season-container.component.scss
@@ -14,6 +14,10 @@
     display: block;
 }
 
+h3 {
+    font-weight: normal;
+}
+
 .episode-item {
     mat-card-content {
         padding: 0;
diff --git a/src/app/xtream-tauri/season-container/season-container.component.ts b/src/app/xtream-tauri/season-container/season-container.component.ts
index e7aedb6d2..0caade791 100644
--- a/src/app/xtream-tauri/season-container/season-container.component.ts
+++ b/src/app/xtream-tauri/season-container/season-container.component.ts
@@ -1,5 +1,5 @@
 import { KeyValuePipe } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Output, input } from '@angular/core';
 import { MatButton } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
 import { MatIcon } from '@angular/material/icon';
@@ -9,10 +9,10 @@ import { XtreamSerieEpisode } from '../../../../shared/xtream-serie-details.inte
     selector: 'app-season-container',
     templateUrl: './season-container.component.html',
     styleUrls: ['./season-container.component.scss'],
-    imports: [KeyValuePipe, MatCardModule, MatIcon, MatButton]
+    imports: [KeyValuePipe, MatCardModule, MatIcon, MatButton],
 })
 export class SeasonContainerComponent {
-    @Input({ required: true }) seasons: Record<string, XtreamSerieEpisode[]>;
+    readonly seasons = input.required<Record<string, XtreamSerieEpisode[]>>();
 
     @Output() episodeClicked = new EventEmitter<any>();
 
@@ -26,7 +26,7 @@ export class SeasonContainerComponent {
         this.selectedSeason = seasonKey;
     }
 
-    selectEpisode(episode: any) {
+    selectEpisode(episode: XtreamSerieEpisode) {
         this.episodeClicked.emit(episode);
     }
 }