diff --git a/package-lock.json b/package-lock.json
index 8c29121..24825d9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1865,25 +1865,25 @@
       }
     },
     "@farmmaps/common": {
-      "version": "0.0.1-prerelease.527",
-      "resolved": "https://repository.akkerweb.nl/repository/npm-group/@farmmaps/common/-/common-0.0.1-prerelease.527.tgz",
-      "integrity": "sha512-BPMdV/YL4kSuhmbYmtV+WiCAdFVl8MOohxaVdESeJKLr4hUTtfymC6l33KNnJ28Z+OV+6VSMweZINlAdy6In1Q==",
+      "version": "0.0.1-prerelease.530",
+      "resolved": "https://repository.akkerweb.nl/repository/npm-group/@farmmaps/common/-/common-0.0.1-prerelease.530.tgz",
+      "integrity": "sha512-cvUKFctQvl91gE5zCJvzxhcnZ35XpletqFmxOFwj6qxLr975qs/Ia9VrzwjkqoIoXlsO9xlM/0Cn1PnPsF7nIg==",
       "requires": {
         "tslib": "^2.0.0"
       }
     },
     "@farmmaps/common-map": {
-      "version": "0.0.1-prerelease.527",
-      "resolved": "https://repository.akkerweb.nl/repository/npm-group/@farmmaps/common-map/-/common-map-0.0.1-prerelease.527.tgz",
-      "integrity": "sha512-j8OLh/ZQkUpgf3kCmtfa1JOIK+CWgWfimzGwKULP7Ls09b8R/0e8SX4BCnTwtY6NwRTh8AQZIDjM5R5k20w4QQ==",
+      "version": "0.0.1-prerelease.530",
+      "resolved": "https://repository.akkerweb.nl/repository/npm-group/@farmmaps/common-map/-/common-map-0.0.1-prerelease.530.tgz",
+      "integrity": "sha512-LU4yzsTvja85GciySpJB5LjUD7fndEsnd2KKj0q9+IFZl9jOFfVcP+/3nImsYYmV9CK6sczNdevaSxQW+lpseQ==",
       "requires": {
         "tslib": "^2.0.0"
       }
     },
     "@farmmaps/common-map3d": {
-      "version": "0.0.1-prerelease.527",
-      "resolved": "https://repository.akkerweb.nl/repository/npm-group/@farmmaps/common-map3d/-/common-map3d-0.0.1-prerelease.527.tgz",
-      "integrity": "sha512-/RniUbZjfefq6uxCxnPNvIpHWfzT/gymSUX+n0MsyGersr5mW2NhtEXDrLTputevyaZQ4XRuwr/vsX+HW3fmEg==",
+      "version": "0.0.1-prerelease.530",
+      "resolved": "https://repository.akkerweb.nl/repository/npm-group/@farmmaps/common-map3d/-/common-map3d-0.0.1-prerelease.530.tgz",
+      "integrity": "sha512-4OG3yv6vOMJZ5dLZ2e8W9P1F1qvzcYBA/zCIA+kxfS0iiOfrOIiJgDvXPhMot+swATSsWeY4Txh6ydh6KmTzlg==",
       "requires": {
         "tslib": "^2.0.0"
       }
diff --git a/package.json b/package.json
index 69d0495..784b731 100644
--- a/package.json
+++ b/package.json
@@ -19,9 +19,9 @@
     "@angular/platform-browser": "~10.2.4",
     "@angular/platform-browser-dynamic": "~10.2.4",
     "@angular/router": "~10.2.4",
-    "@farmmaps/common": ">=0.0.1-prerelease.527 <0.0.1",
-    "@farmmaps/common-map": ">=0.0.1-prerelease.527 <0.0.1",
-    "@farmmaps/common-map3d": ">=0.0.1-prerelease.527 <0.0.1",
+    "@farmmaps/common": ">=0.0.1-prerelease.530 <0.0.1",
+    "@farmmaps/common-map": ">=0.0.1-prerelease.530 <0.0.1",
+    "@farmmaps/common-map3d": ">=0.0.1-prerelease.530 <0.0.1",
     "@microsoft/signalr": "^3.1.3",
     "@ng-bootstrap/ng-bootstrap": "^7.0",
     "@ngrx/effects": "^10.0",
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 71e843c..5b95508 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -33,6 +33,11 @@ const routes = [
     component: TestComponent,
     outlet: 'app-menu'
   },
+  {
+    path: '',
+    component: TestComponent,
+    outlet: 'notification-menu'
+  },
   {
     path: '',
     component: LogoComponent,
diff --git a/src/app/test/test.component.html b/src/app/test/test.component.html
index c8f21b7..61eab6c 100644
--- a/src/app/test/test.component.html
+++ b/src/app/test/test.component.html
@@ -3,7 +3,7 @@
         <fm-gradient-select [gradientItems]="gradientItems|async" [showLabel]="false" [showAdd]="true"></fm-gradient-select>
     </div>
     <div class="row mt-3">
-        <button class="btn btn-primary">Test</button>
+        <button class="btn btn-primary" (click)="onTest($event)">Test</button>
     </div>
 </div>
 
diff --git a/src/app/test/test.component.ts b/src/app/test/test.component.ts
index 672ed97..bf1f84a 100644
--- a/src/app/test/test.component.ts
+++ b/src/app/test/test.component.ts
@@ -1,6 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { ItemService} from '@farmmaps/common';
 import { Observable} from 'rxjs';
+import { commonActions } from '@farmmaps/common';
+import { Store } from '@ngrx/store';
 
 @Component({
   selector: 'app-test',
@@ -11,10 +13,15 @@ export class TestComponent implements OnInit {
 
    public gradientItems:Observable<any[]>
 
-   constructor(private itemService$:ItemService) { 
+   constructor(private itemService$:ItemService,private store$:Store ) { 
      this.gradientItems =  this.itemService$.getItemList("vnd.farmmaps.itemtype.gradient");  
    }
 
    ngOnInit(): void {
    }
+
+   onTest(Event) {
+     let a = {"unread":"1"}
+     this.store$.dispatch(new commonActions.NotificationEvent(a));
+   }
 }