fix(project): upgraded angular material to v8

Author: AnthonyNahas

package-lock.json

@@ -28,13 +28,13 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^8.1.2",
-    "@angular/cdk": "^7.3.6",
+    "@angular/cdk": "^8.1.1",
     "@angular/common": "^8.1.2",
     "@angular/compiler": "^8.1.2",
     "@angular/core": "^8.1.2",
     "@angular/flex-layout": "^7.0.0-beta.24",
     "@angular/forms": "^8.1.2",
-    "@angular/material": "^7.3.6",
+    "@angular/material": "^8.1.1",
     "@angular/platform-browser": "^8.1.2",
     "@angular/platform-browser-dynamic": "^8.1.2",
     "@angular/platform-server": "^8.1.2",

package.json

@@ -1,7 +1,7 @@
 import {Component, OnInit, ViewEncapsulation} from '@angular/core';
 import {Title} from '@angular/platform-browser';
 import {HighlightResult} from 'ngx-highlightjs';
-import {MatSnackBar} from '@angular/material';
+import { MatSnackBar } from '@angular/material/snack-bar';
 
 
 @Component({

src/app/getting-started/getting-started.component.ts

@@ -2,7 +2,12 @@ import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {GettingStartedComponent} from './getting-started.component';
 import {GettingStartedRoutingModule} from './getting-started-routing.module';
-import {MatButtonModule, MatCardModule, MatDividerModule, MatIconModule, MatSnackBarModule, MatTooltipModule} from '@angular/material';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import {HighlightModule} from 'ngx-highlightjs';
 import {FlexLayoutModule} from '@angular/flex-layout';
 import {ClipboardModule} from 'ngx-clipboard';

src/app/getting-started/getting-started.module.ts

@@ -1,6 +1,6 @@
 import {Component, OnInit, ViewEncapsulation} from '@angular/core';
 import {Title} from '@angular/platform-browser';
-import {MatSnackBar} from '@angular/material';
+import { MatSnackBar } from '@angular/material/snack-bar';
 
 @Component({
   selector: 'app-home',

src/app/home/home.component.ts

@@ -5,7 +5,9 @@ import {CommonModule} from '@angular/common';
 import {HomeRoutingModule} from './home-routing.module';
 import {HomeComponent} from './home.component';
 import {DisqusModule} from 'ngx-disqus';
-import {MatCardModule, MatSnackBarModule, MatTabsModule} from '@angular/material';
+import { MatCardModule } from '@angular/material/card';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatTabsModule } from '@angular/material/tabs';
 
 @NgModule({
   imports: [