<div>
<div class="logged-in-more" ngbDropdown #dropdown="ngbDropdown" placement="bottom-left" [container]="dropdownContainer" (openChange)="onDropdownOpenChange($event)" autoClose="outside">
<div ngbDropdownToggle>
- <img [src]="user.accountAvatarUrl" alt="Avatar" />
+ <my-account-avatar [account]="user.account" size="34"></my-account-avatar>
<div class="logged-in-info">
<div class="logged-in-display-name">{{ user.account?.displayName }}</div>
<ng-container i18n>Trending</ng-container>
</a>
- <a routerLink="/videos/most-liked" routerLinkActive="active">
- <my-global-icon iconName="like" aria-hidden="true"></my-global-icon>
- <ng-container i18n>Most liked</ng-container>
- </a>
-
<a routerLink="/videos/recently-added" routerLinkActive="active">
<my-global-icon iconName="recently-added" aria-hidden="true"></my-global-icon>
<ng-container i18n>Recently added</ng-container>