From e793855266139e948e8ee7b7c6481570ac6d290d Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Mon, 1 Apr 2024 23:28:28 +0200
Subject: [PATCH] refactor(epg): convert epg-description to standalone
 component

---
 .../epg-item-description.component.html                    | 2 +-
 .../epg-item-description/epg-item-description.component.ts | 7 ++++++-
 src/app/player/player.module.ts                            | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/player/components/epg-list/epg-item-description/epg-item-description.component.html b/src/app/player/components/epg-list/epg-item-description/epg-item-description.component.html
index 04b999626..297a15d4f 100644
--- a/src/app/player/components/epg-list/epg-item-description/epg-item-description.component.html
+++ b/src/app/player/components/epg-list/epg-item-description/epg-item-description.component.html
@@ -7,7 +7,7 @@
             {{ 'EPG.PROGRAM_DIALOG.TITLE' | translate }}
         </div>
         <p data-test="title">{{ epgProgram.title[0].value }}</p>
-        <div class="subheading-2">
+        <div class="subheading-2" *ngIf="epgProgram.title[0].lang">
             {{ 'EPG.PROGRAM_DIALOG.LANGUAGE' | translate }}
         </div>
         <p data-test="lang">{{ epgProgram.title[0].lang }}</p>
diff --git a/src/app/player/components/epg-list/epg-item-description/epg-item-description.component.ts b/src/app/player/components/epg-list/epg-item-description/epg-item-description.component.ts
index 1e1ba6207..204b3d415 100644
--- a/src/app/player/components/epg-list/epg-item-description/epg-item-description.component.ts
+++ b/src/app/player/components/epg-list/epg-item-description/epg-item-description.component.ts
@@ -1,11 +1,16 @@
+import { NgIf } from '@angular/common';
 import { Component, Inject } from '@angular/core';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatButtonModule } from '@angular/material/button';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { TranslateModule } from '@ngx-translate/core';
 import { EpgProgram } from './../../../models/epg-program.model';
 
 @Component({
+    standalone: true,
     selector: 'app-epg-item-description',
     templateUrl: './epg-item-description.component.html',
     styleUrls: ['./epg-item-description.component.scss'],
+    imports: [MatButtonModule, MatDialogModule, NgIf, TranslateModule],
 })
 export class EpgItemDescriptionComponent {
     /** EPG program object */
diff --git a/src/app/player/player.module.ts b/src/app/player/player.module.ts
index 9c39f9f90..9217c9d0a 100644
--- a/src/app/player/player.module.ts
+++ b/src/app/player/player.module.ts
@@ -25,6 +25,7 @@ const routes: Routes = [{ path: '', component: VideoPlayerComponent }];
         ChannelListContainerComponent,
         ChannelListItemComponent,
         CommonModule,
+        EpgItemDescriptionComponent,
         HtmlVideoPlayerComponent,
         OverlayModule,
         RouterModule.forChild(routes),
@@ -32,7 +33,6 @@ const routes: Routes = [{ path: '', component: VideoPlayerComponent }];
         VjsPlayerComponent,
     ],
     declarations: [
-        EpgItemDescriptionComponent,
         EpgListComponent,
         EpgListItemComponent,
         InfoOverlayComponent,