<button disabled tuiButton appearance="secondary" iconStart="@tui.plus">
  {{ "chat.chatnav.networkList.newNetwork"|translate }}
</button>

@for (network of serviceManager.networks(); track network.networkId) {
  <button [class.enlarge]="breakpoint() == 'mobile'" tuiButton
          [appearance]="router.url == '/chat/network/' + network.networkId ? 'primary' : 'flat'"
          [routerLink]="'/chat/network/' + network.networkId">
    <oimg [src]="network.picture" height="35px" width="35px" [radius]="10"></oimg>
    <div class="info">
      <span>{{ network.name }}</span>
    </div>
  </button>
}
