fix: broswer refresh authguard

Author: codediodeio

src/app/core/auth.guard.ts

@@ -2,7 +2,9 @@ import { Injectable } from '@angular/core';
 import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';
 import { Observable } from 'rxjs/Observable';
 import { AuthService } from './auth.service';
-// import { AngularFireAuth } from "angularfire2";
+import 'rxjs/add/operator/do';
+import 'rxjs/add/operator/map';
+import 'rxjs/add/operator/take';
 
 @Injectable()
 export class AuthGuard implements CanActivate {
@@ -14,10 +16,15 @@ export class AuthGuard implements CanActivate {
     state: RouterStateSnapshot): Observable<boolean> | boolean {
       if (this.auth.authenticated) { return true; }
 
-      console.log('access denied!')
-      this.router.navigate(['/login']);
-      return false
-
+      return this.auth.currentUserObservable
+           .take(1)
+           .map(user => !!user)
+           .do(loggedIn => {
+             if (!loggedIn) {
+               console.log("access denied")
+               this.router.navigate(['/login']);
+             }
+         })
 
   }
 }

src/app/core/auth.service.ts

@@ -33,6 +33,11 @@ export class AuthService {
     return this.authenticated ? this.authState.auth : null;
   }
 
+  // Returns
+  get currentUserObservable(): any {
+    return this.af.auth
+  }
+
   // Returns current user UID
   get currentUserId(): string {
     return this.authenticated ? this.authState.uid : '';