<ng-container *ngIf="data">
  <a class="notifications-content hide-lt-lg" [attr.fl-tooltip]="data.plugin.display_name" fl-tooltip-direction="down"
     [routerLink]="config.getPanelUrl('todo')" [queryParams]="todoQP">
    <app-icon [icon]="{name: 'todo', class: 'fl-icons'}" class="notification-icon"></app-icon>
    <div *ngIf="data.notification_count > 0" class="notification-circle">
      {{data.notification_count}}
    </div>
  </a>
  <a class="hide-gt-sm" mat-menu-item [routerLink]="config.getPanelUrl('todo')" [queryParams]="todoQP">
    <span i18n>TODOs</span>
    <span *ngIf="data.notification_count > 0" class="notification-circle-btn">
      {{data.notification_count}}
    </span>
  </a>
</ng-container>
