header change

src/app/shared/header/header.page.html

@@ -230,8 +230,8 @@
             </div>
 
             <div class="profile-text">
-              <div *ngIf="notificationLength > 0" class="icon-badge" style="right: -6px;top: 38px;top: -6px;">
-                {{notificationLength}} </div>
+              <div *ngIf="NotificationHolderService.notificationList.length > 0" class="icon-badge" style="right: -6px;top: 38px;top: -6px;">
+                {{NotificationHolderService.notificationList.length}} </div>
             </div>
 
           </div>

src/app/shared/header/header.page.ts

@@ -14,6 +14,7 @@ import { PermissionService } from 'src/app/services/permission.service';
 import { EventTrigger } from 'src/app/services/eventTrigger.service'
 import { ActiveTabService } from 'src/app/services/active-tab.service';
 import { NotificationsService } from 'src/app/services/notifications.service';
+import { NotificationHolderService } from 'src/app/store/notification-holder.service';
 
 @Component({
   selector: 'app-header',
@@ -55,6 +56,7 @@ export class HeaderPage implements OnInit {
     private notificationService: NotificationsService,
     private cdRef: ChangeDetectorRef,
     private storageService: StorageService,
+    public NotificationHolderService: NotificationHolderService
   ) {
     this.loggeduser = SessionStore.user;
     router.events.subscribe((val) => {