(feat): default logo (avatar) should be a circle

src/app/interfaces/entities.ts

@@ -83,6 +83,7 @@ export interface MindsUser {
  pro?: boolean;
  pro_settings?: {
  logo_image: string;
+ logo_guid: string;
  tag_list?: Tag[];
  background_image: string;
  title: string;

src/app/modules/pro/channel/channel.component.html

 <div class="m-pro__channel" *ngIf="channel">
  <div class="m-proChannel__topbar">
- <img
- class="m-proChannelTopbar__logo"
- [src]="channel.pro_settings.logo_image"
- [routerLink]="homeRouterLink"
- />
+ <ng-container *ngIf="!channel.pro_settings.logo_guid; else customLogo">
+ <minds-avatar [object]="channel"> </minds-avatar>
+ </ng-container>
+ <ng-template #customLogo>
+ <img
+ class="m-proChannelTopbar__logo"
+ [src]="channel.pro_settings.logo_image"
+ [routerLink]="homeRouterLink"
+ />
+ </ng-template>
 
  <div class="m-proChannelTopbar__searchBox">
  <m-pro__searchBox

src/app/modules/pro/channel/channel.component.scss

@@ -96,6 +96,11 @@ m-pro--channel {
 
  padding: 0 32px;
 
+ minds-avatar {
+ width: 90px;
+ height: 90px;
+ }
+
  .m-proChannelTopbar__logo {
  max-width: 200px;
  max-height: 100%;