Square channel avatar consistency

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-video-miniature / video-list-header.component.ts

diff --git a/client/src/app/shared/shared-video-miniature/video-list-header.component.ts b/client/src/app/shared/shared-video-miniature/video-list-header.component.ts
index a07248b96b2b77322c5bdc9ec4679cac865d57f5..08a961be19b7c791e02611e915d01c500fde2fcc 100644 (file)
--- a/client/src/app/shared/shared-video-miniature/video-list-header.component.ts
+++ b/client/src/app/shared/shared-video-miniature/video-list-header.component.ts
@@ -1,20 +1,22 @@
-import { Component, Inject } from '@angular/core'
+import { Component, Inject, ViewEncapsulation } from '@angular/core'
+
+export interface GenericHeaderData {
+  titlePage: string
+  titleTooltip?: string
+}
 
 export abstract class GenericHeaderComponent {
-  constructor (@Inject('data') public data: any) {}
+  constructor (@Inject('data') public data: GenericHeaderData) {}
 }
 
 @Component({
-  selector: 'h1',
-  host: { 'class': 'title-page title-page-single' },
-  template: `
-<div placement="bottom" [ngbTooltip]="data.titleTooltip" container="body">
-  {{ data.titlePage }}
-</div>
-  `
+  selector: 'my-video-list-header',
+  // tslint:disable-next-line:use-component-view-encapsulation
+  encapsulation: ViewEncapsulation.None,
+  templateUrl: './video-list-header.component.html'
 })
 export class VideoListHeaderComponent extends GenericHeaderComponent {
-  constructor (@Inject('data') public data: any) {
+  constructor (@Inject('data') public data: GenericHeaderData) {
     super(data)
   }
 }