PeerTube/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.ts

import { Component, ViewChild } from '@angular/core'
import { UserNotificationsComponent } from '@app/shared'

@Component({
  templateUrl: './my-account-notifications.component.html',
  styleUrls: [ './my-account-notifications.component.scss' ]
})
export class MyAccountNotificationsComponent {
  @ViewChild('userNotification', { static: true }) userNotification: UserNotificationsComponent

  markAllAsRead () {
    this.userNotification.markAllAsRead()
  }

  hasUnreadNotifications () {
    return this.userNotification.notifications.filter(n => n.read === false).length !== 0
  }
}