#7 allowed networks are kovan and mainnet

src/app/app-routing.module.ts

@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
+import { MetamaskNotAllowedNetworkComponent } from './metamask-not-allowed-network';
 import { MetamaskNotInstalledComponent } from './metamask-not-installed';
 import { MetamaskNotLoggedInComponent } from './metamask-not-logged-in';
 import { PageNotFoundComponent } from './page-not-found';
@@ -11,6 +12,10 @@ const routes: Routes = [
 		redirectTo: '/dashboard/home', 
 		pathMatch: 'full' 
 	},
+	{
+		path: 'metamask-not-allowed-network',
+		component: MetamaskNotAllowedNetworkComponent
+	},
 	{
 		path: 'metamask-not-installed',
 		component: MetamaskNotInstalledComponent

src/app/app.module.ts

@@ -7,13 +7,15 @@ import { MessageService } from 'primeng/api';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { DashboardModule } from './dashboard';
+import { MetamaskNotAllowedNetworkComponent } from './metamask-not-allowed-network';
 import { MetamaskNotInstalledComponent } from './metamask-not-installed';
 import { MetamaskNotLoggedInComponent } from './metamask-not-logged-in';
 import { PageNotFoundComponent } from './page-not-found';
 
 @NgModule({
 	declarations: [
 		AppComponent,
+		MetamaskNotAllowedNetworkComponent,
 		MetamaskNotInstalledComponent,
 		MetamaskNotLoggedInComponent,
 		PageNotFoundComponent

src/app/dashboard/dashboard.component.ts

@@ -46,6 +46,9 @@ export class DashboardComponent implements OnInit {
 					if(errorCode == this.web3Service.CONNECTION_NOT_LOGGED_IN) {
 						this.router.navigate(['metamask-not-logged-in']);
 					}
+					if(errorCode == this.web3Service.CONNECTION_NOT_ALLOWED_NETWORK) {
+						this.router.navigate(['metamask-not-allowed-network']);
+					}
 				}
 			},
 			(err) => {

src/app/metamask-not-allowed-network/index.ts

@@ -0,0 +1 @@
+export { MetamaskNotAllowedNetworkComponent } from './metamask-not-allowed-network.component';

src/app/metamask-not-allowed-network/metamask-not-allowed-network.component.html

@@ -0,0 +1,5 @@
+<div style="width: 100%; height: 100%; background: #393836; position: fixed; left: 0; top: 0;">
+	<span style="display: flex; height: 100%; justify-content: center; align-items: center;">
+		<span style="color: #fff; font-size: 1.5em;">Please switch your MetaMask to Kovan or Mainnet</span> 
+	</span>
+</div>

src/app/metamask-not-allowed-network/metamask-not-allowed-network.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MetamaskNotAllowedNetworkComponent } from './metamask-not-allowed-network.component';
+
+describe('MetamaskNotAllowedNetworkComponent', () => {
+  let component: MetamaskNotAllowedNetworkComponent;
+  let fixture: ComponentFixture<MetamaskNotAllowedNetworkComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MetamaskNotAllowedNetworkComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MetamaskNotAllowedNetworkComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/metamask-not-allowed-network/metamask-not-allowed-network.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-metamask-not-allowed-network',
+  templateUrl: './metamask-not-allowed-network.component.html',
+  styleUrls: ['./metamask-not-allowed-network.component.css']
+})
+export class MetamaskNotAllowedNetworkComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/shared/services/web3/web3.service.ts

@@ -16,6 +16,7 @@ export class Web3Service {
 	CONNECTION_NO_ERROR = 0;
 	CONNECTION_NO_PROVIDER = 1;
 	CONNECTION_NOT_LOGGED_IN = 2;
+	CONNECTION_NOT_ALLOWED_NETWORK = 3;
 
   	constructor() { }
 
@@ -95,10 +96,20 @@ export class Web3Service {
 		return Observable.create((observer) => {
 			this.getAccounts().subscribe(
 				(accounts) => {
-					observer.next(accounts.length > 0 ? this.CONNECTION_NO_ERROR : this.CONNECTION_NOT_LOGGED_IN);
-				},
-				(err) => { observer.error(err); },
-				() => { observer.complete(); }
+					if(accounts.length == 0) {
+						observer.next(this.CONNECTION_NOT_LOGGED_IN);
+					} else {
+						// check that user is connected to the allowed network
+						this.getNetwork().subscribe(
+							networkName => {
+								const allowedNetworks = ["main", "kovan", "private"];
+								observer.next(allowedNetworks.includes(networkName) ? this.CONNECTION_NO_ERROR : this.CONNECTION_NOT_ALLOWED_NETWORK);
+							},
+							(err) => { observer.error(err); },
+							() => { observer.complete(); }
+						);
+					}
+				}
 			);
 		});
 	}