From cc85c7a8f0e8607a8cd5346135d24fe39d9dc251 Mon Sep 17 00:00:00 2001
From: Milad Raeisi <6504337+miladsoft@users.noreply.github.com>
Date: Thu, 16 Feb 2023 11:36:54 +0400
Subject: [PATCH] Hide the notification badge when notification count equals 0
 (#94)

---
 src/app/app.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/app.html b/src/app/app.html
index 43f62c4..7fefab6 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -26,7 +26,7 @@
         <span *ngIf="displayLabels">Feed</span>
       </a>
       <a [routerLink]="['/notifications']" mat-menu-item (click)="toggleMenu()" [routerLinkActiveOptions]="{ exact: true }" routerLinkActive="active">
-        <mat-icon [matBadge]="ui.unreadNotifications$ | async">notifications</mat-icon>
+        <mat-icon [matBadgeHidden] = "(ui.unreadNotifications$ | async) == 0" [matBadge]="ui.unreadNotifications$ | async">notifications</mat-icon>
         <span *ngIf="displayLabels">Notifications</span>
       </a>
       <!-- <a [routerLink]="['/chat']" mat-menu-item (click)="toggleMenu()" [routerLinkActiveOptions]="{ exact: true }" routerLinkActive="active">