Fix circular dep issue

client/src/app/+videos/+video-watch/video-watch.component.html

@@ -183,7 +183,7 @@
 
           <div class="pt-3 border-top video-info-channel d-flex">
             <div class="video-info-channel-left d-flex">
-              <avatar-channel [video]="video" [genericChannel]="isChannelDisplayNameGeneric()"></avatar-channel>
+              <my-video-avatar-channel [video]="video" [genericChannel]="isChannelDisplayNameGeneric()"></my-video-avatar-channel>
 
               <div class="video-info-channel-left-links ml-1">
                 <ng-container *ngIf="!isChannelDisplayNameGeneric()">

client/src/app/shared/shared-main/account/index.ts

@@ -2,4 +2,4 @@ export * from './account.model'
 export * from './account.service'
 export * from './actor-avatar-info.component'
 export * from './actor.model'
-export * from './avatar.component'
+export * from './video-avatar-channel.component'

client/src/app/shared/shared-main/account/video-avatar-channel.component.ts

@@ -2,12 +2,14 @@ import { Component, Input, OnInit } from '@angular/core'
 import { Video } from '../video/video.model'
 
 @Component({
-  selector: 'avatar-channel',
-  templateUrl: './avatar.component.html',
-  styleUrls: [ './avatar.component.scss' ]
+  selector: 'my-video-avatar-channel',
+  templateUrl: './video-avatar-channel.component.html',
+  styleUrls: [ './video-avatar-channel.component.scss' ]
 })
-export class AvatarComponent implements OnInit {
+export class VideoAvatarChannelComponent implements OnInit {
   @Input() video: Video
+  @Input() byAccount: string
+
   @Input() size: 'md' | 'sm' = 'md'
   @Input() genericChannel: boolean
 

client/src/app/shared/shared-main/shared-main.module.ts

@@ -14,7 +14,7 @@ import {
   NgbTooltipModule
 } from '@ng-bootstrap/ng-bootstrap'
 import { SharedGlobalIconModule } from '../shared-icons'
-import { AccountService, ActorAvatarInfoComponent, AvatarComponent } from './account'
+import { AccountService, ActorAvatarInfoComponent, VideoAvatarChannelComponent } from './account'
 import {
   BytesPipe,
   DurationFormatterPipe,
@@ -57,7 +57,7 @@ import { VideoChannelService } from './video-channel'
   ],
 
   declarations: [
-    AvatarComponent,
+    VideoAvatarChannelComponent,
     ActorAvatarInfoComponent,
 
     FromNowPipe,
@@ -106,7 +106,7 @@ import { VideoChannelService } from './video-channel'
 
     PrimeSharedModule,
 
-    AvatarComponent,
+    VideoAvatarChannelComponent,
     ActorAvatarInfoComponent,
 
     FromNowPipe,

client/src/app/shared/shared-main/users/user-notification.model.ts

@@ -1,14 +1,16 @@
+import { AuthUser } from '@app/core'
+import { Account } from '@app/shared/shared-main/account/account.model'
+import { Actor } from '@app/shared/shared-main/account/actor.model'
+import { VideoChannel } from '@app/shared/shared-main/video-channel/video-channel.model'
 import {
   AbuseState,
   ActorInfo,
   FollowState,
   UserNotification as UserNotificationServer,
   UserNotificationType,
-  VideoInfo,
-  UserRight
+  UserRight,
+  VideoInfo
 } from '@shared/models'
-import { Account, Actor, VideoChannel } from '@app/shared/shared-main'
-import { AuthUser } from '@app/core'
 
 export class UserNotification implements UserNotificationServer {
   id: number

client/src/app/shared/shared-main/video/video.model.ts

@@ -1,6 +1,9 @@
 import { AuthUser } from '@app/core'
 import { User } from '@app/core/users/user.model'
 import { durationToString, getAbsoluteAPIUrl, getAbsoluteEmbedUrl } from '@app/helpers'
+import { Account } from '@app/shared/shared-main/account/account.model'
+import { Actor } from '@app/shared/shared-main/account/actor.model'
+import { VideoChannel } from '@app/shared/shared-main/video-channel/video-channel.model'
 import { peertubeTranslate } from '@shared/core-utils/i18n'
 import {
   Avatar,
@@ -12,7 +15,6 @@ import {
   VideoScheduleUpdate,
   VideoState
 } from '@shared/models'
-import { Account, Actor, VideoChannel } from '@app/shared/shared-main'
 
 export class Video implements VideoServerModel {
   byVideoChannel: string