diff --git a/src/app/commons/component/layout/notification/app.notification.component.html b/src/app/commons/component/layout/notification/app.notification.component.html
index 911c178..63532fb 100644
--- a/src/app/commons/component/layout/notification/app.notification.component.html
+++ b/src/app/commons/component/layout/notification/app.notification.component.html
@@ -2,6 +2,7 @@
     <a *ngIf="i < 5" href="javascript:void(0)" class="topbar-message" (click)="onNotiClick(noti)" [ngStyle]="noti.confirmDate ? '' : {'background-color': 'lightblue'}">
         <span>{{noti.title}}</span>
         <span>{{noti.message}}</span>
+        <span>{{noti.createDate | date: 'short'}}</span>
     </a>
 </li>
 <li role="menuitem">
diff --git a/src/app/commons/component/layout/notification/app.notification.component.ts b/src/app/commons/component/layout/notification/app.notification.component.ts
index 7ce3c61..b1dfde4 100644
--- a/src/app/commons/component/layout/notification/app.notification.component.ts
+++ b/src/app/commons/component/layout/notification/app.notification.component.ts
@@ -76,6 +76,8 @@ export class AppNotificationComponent implements OnInit, AfterContentInit {
         this.router.navigate(['notification']);
     }
 
-    noNotiClick() {
+    onNotiClick(notification: Notification) {
+        this.detailStore.dispatch(new DetailStore.MarkAsRead(notification));
+        alert('Will redirect to ' + notification.url);
     }
 }