From ffe82f23fdc6b6c6a4269d5470a760619cbc365f Mon Sep 17 00:00:00 2001
From: Chandrasekhar Avadhanam <chandrasekhara@rectitudesol.com>
Date: Thu, 14 Nov 2019 13:36:42 +0530
Subject: [PATCH] [chandu] Wired up click events

---
 .../snackbar-demo/snackbar-demo.component.html     | 14 ++++++++++----
 .../snackbar-demo/snackbar-demo.component.ts       | 10 ++++++----
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.html b/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.html
index b549da5..3ffc7d7 100644
--- a/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.html
+++ b/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.html
@@ -2,14 +2,20 @@
   <label>Angular Material Snackbar - Using NGRX Demo</label>
   <!-- Snackbar buttons -->
   <div class="button-row">
-    <button mat-raised-button color="primary">Success</button>
-    <button mat-raised-button color="accent">Info</button>
-    <button mat-raised-button color="warn">Error</button>
+    <button mat-raised-button color="primary" (click)="openSuccess($event)">
+      Success
+    </button>
+    <button mat-raised-button color="accent" (click)="openInfo($event)">
+      Info
+    </button>
+    <button mat-raised-button color="warn" (click)="openError($event)">
+      Error
+    </button>
   </div>
   <!-- End of Snackbar buttons -->
   <!-- Snackbar buttons -->
   <div class="button-row">
-    <button mat-raised-button>Via NGRX Effect</button>
+    <button mat-raised-button (click)="openEffect($event)">Via NGRX Effect</button>
   </div>
   <!-- End of Snackbar buttons -->
   <!-- link to the angular material snackbar -->
diff --git a/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.ts b/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.ts
index 51f179b..373cd39 100644
--- a/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.ts
+++ b/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.ts
@@ -6,10 +6,12 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./snackbar-demo.component.scss']
 })
 export class SnackbarDemoComponent implements OnInit {
+  constructor() {}
 
-  constructor() { }
-
-  ngOnInit() {
-  }
+  ngOnInit() {}
 
+  openSuccess(event: any) {}
+  openInfo(event: any) {}
+  openError(event: any) {}
+  openEffect(event: any) {}
 }