From 3e45433dbd3e97b24f0f04418087390e09e7cab7 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Tue, 16 Apr 2024 13:23:20 +0200
Subject: [PATCH] refactor(xtream): i18n

---
 .../serial-details.component.html             | 20 +++++++++++--------
 .../serial-details.component.ts               |  2 ++
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/app/xtream/serial-details/serial-details.component.html b/src/app/xtream/serial-details/serial-details.component.html
index 47f1d9700..28b00955f 100644
--- a/src/app/xtream/serial-details/serial-details.component.html
+++ b/src/app/xtream/serial-details/serial-details.component.html
@@ -17,27 +17,29 @@
             {{ item.info.plot }}
         </label>
         <label *ngIf="item.info.releaseDate">
-            <div class="label">Release date:</div>
+            <div class="label">{{ 'XTREAM.RELEASE_DATE' | translate }}:</div>
             {{ item.info.releaseDate }}
         </label>
         <label *ngIf="item.info.genre">
-            <div class="label">Genre:</div>
+            <div class="label">{{ 'XTREAM.GENRE' | translate }}:</div>
             {{ item.info.genre }}
         </label>
         <label *ngIf="item.info.rating">
-            <div class="label">Rating:</div>
+            <div class="label">{{ 'XTREAM.RATING' | translate }}:</div>
             {{ item.info.rating }}
         </label>
         <div *ngIf="item.info.cast">
-            <div class="label">Cast:</div>
+            <div class="label">{{ 'XTREAM.CAST' | translate }}:</div>
             {{ item.info.cast }}
         </div>
         <label *ngIf="item.info.director">
-            <div class="label">Director:</div>
+            <div class="label">{{ 'XTREAM.DIRECTOR' | translate }}:</div>
             {{ item.info.director }}
         </label>
         <label *ngIf="item.info.episode_run_time">
-            <div class="label">Episode run time:</div>
+            <div class="label">
+                {{ 'XTREAM.EPISODE_RUN_TIME' | translate }}:
+            </div>
             {{ item.info.episode_run_time }}
         </label>
         <div class="action-buttons">
@@ -47,7 +49,8 @@
                 color="accent"
                 (click)="toggleFavorite()"
             >
-                <mat-icon>star_outline</mat-icon> Add to favorites
+                <mat-icon>star_outline</mat-icon>
+                {{ 'PORTALS.ADD_TO_FAVORITES' | translate }}
             </button>
 
             <ng-template #removeFromFavoritesButton>
@@ -56,7 +59,8 @@
                     color="accent"
                     (click)="toggleFavorite()"
                 >
-                    <mat-icon>star</mat-icon>Remove from favorites
+                    <mat-icon>star</mat-icon>
+                    {{ 'PORTALS.REMOVE_FROM_FAVORITES' | translate }}
                 </button>
             </ng-template>
         </div>
diff --git a/src/app/xtream/serial-details/serial-details.component.ts b/src/app/xtream/serial-details/serial-details.component.ts
index 4606bea4f..3bfa908d8 100644
--- a/src/app/xtream/serial-details/serial-details.component.ts
+++ b/src/app/xtream/serial-details/serial-details.component.ts
@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { ActivatedRoute } from '@angular/router';
 import { Store } from '@ngrx/store';
+import { TranslateModule } from '@ngx-translate/core';
 import {
     XtreamSerieDetails,
     XtreamSerieEpisode,
@@ -25,6 +26,7 @@ import { SeasonContainerComponent } from '../season-container/season-container.c
         NgIf,
         SeasonContainerComponent,
         PlayerDialogComponent,
+        TranslateModule,
     ],
 })
 export class SerialDetailsComponent {