@if (selectedChannel(); as chatChannel) {
  <div class="full-width"
       [style.background-color]="getServerColor(chatChannel.name)">
  <span class="channel" [style.color]="getServerTextColor(chatChannel.name)">
    @for (segment of getDisplayName(chatChannel); track $index) {
      <span [style.color]="segment.color">{{ segment.text }}</span>
    }
    <span class="message-count">({{ chatChannel.totalMessages }})</span>
  </span>
    <div class="notification-icon">
      @if (notificationEnabled()) {
        <svg-notification-enabled (click)="disableNotifications()"/>
      } @else {
        <svg-notification-disabled (click)="enableNotifications()"/>
      }
    </div>
  </div>
}