added actual basic snackbar

src/app/app.module.ts

@@ -51,6 +51,7 @@ import { EquipmentTypesComponent } from './pages/tables/equipment-types/equipmen
 import { EngagementTypesComponent } from './pages/tables/engagement-types/engagement-types.component';
 import { WorkshopsComponent } from './pages/tables/workshops/workshops.component';
 import { ReferenceTableComponent } from './components/reference-table/reference-table.component'
+import { MatSnackBarModule } from '@angular/material/snack-bar';
 
 
 @NgModule({
@@ -96,6 +97,7 @@ import { ReferenceTableComponent } from './components/reference-table/reference-
     MatProgressSpinnerModule,
     MatProgressBarModule,
     MatCheckboxModule,
+    MatSnackBarModule,
     GraphQLModule,
     DragDropModule,
     MatTooltipModule,

src/app/components/sidenav-profile/sidenav-profile.component.html

@@ -1,3 +1,5 @@
-<img class="navbar-photo" src={{profileURL}}>
-<p>{{name}}</p>
-<p>{{email}}</p>
+<div (click)="testSnackBar()">
+    <img class="navbar-photo" src={{profileURL}}>
+    <p>{{name}}</p>
+    <p>{{email}}</p>
+</div>

src/app/components/sidenav-profile/sidenav-profile.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { AuthService } from '../../services/auth.service';
+import { SnackBarService } from '../../services/snackbar.service';
 
 @Component({
   selector: 'sidenav-profile',
@@ -11,7 +12,7 @@ export class SidenavProfileComponent implements OnInit {
   email: String;
   profileURL: String;
 
-  constructor( private auth: AuthService) { }
+  constructor( private auth: AuthService, private snackBar: SnackBarService) { }
 
   ngOnInit() {
     this.auth.currentUser.subscribe(user => {
@@ -23,4 +24,8 @@ export class SidenavProfileComponent implements OnInit {
       }      
     });
   }
+
+  testSnackBar(){
+    this.snackBar.openSnackBar("A user administration will be found here", "Ok");
+  }
 }

src/app/services/auth.service.ts

@@ -5,6 +5,7 @@ import { environment } from '../../environments/environment';
 import { Observable, BehaviorSubject, of } from 'rxjs';
 import { User } from "../models/user";
 
+
 @Injectable({
   providedIn: 'root',
 })