1 files changed, 32 insertions, 0 deletions

diff --git a/client/src/app/+video-channels/video-channel-about/video-channel-about.component.ts b/client/src/app/+video-channels/video-channel-about/video-channel-about.component.ts
new file mode 100644
index 000000000..5d435708e
--- /dev/null
+++ b/client/src/app/+video-channels/video-channel-about/video-channel-about.component.ts
@@ -0,0 +1,32 @@
+import { Component, OnInit } from '@angular/core'
+import { ActivatedRoute } from '@angular/router'
+import 'rxjs/add/observable/from'
+import 'rxjs/add/operator/concatAll'
+import { VideoChannelService } from '@app/shared/video-channel/video-channel.service'
+import { VideoChannel } from '@app/shared/video-channel/video-channel.model'
+
+@Component({
+  selector: 'my-video-channel-about',
+  templateUrl: './video-channel-about.component.html',
+  styleUrls: [ './video-channel-about.component.scss' ]
+})
+export class VideoChannelAboutComponent implements OnInit {
+  videoChannel: VideoChannel
+
+  constructor (
+    protected route: ActivatedRoute,
+    private videoChannelService: VideoChannelService
+  ) { }
+
+  ngOnInit () {
+    // Parent get the video channel for us
+    this.videoChannelService.videoChannelLoaded
+      .subscribe(videoChannel => this.videoChannel = videoChannel)
+  }
+
+  getVideoChannelDescription () {
+    if (this.videoChannel.description) return this.videoChannel.description
+
+    return 'No description'
+  }
+}