publish show

src/app/services/user.service.ts

@@ -1,6 +1,6 @@
 import {Injectable} from '@angular/core';
 import {AngularFireAuth} from '@angular/fire/auth';
-import {Observable} from 'rxjs';
+import {BehaviorSubject, Observable} from 'rxjs';
 import {filter, switchMap} from 'rxjs/operators';
 import {User} from './user';
 import {DbService} from './db.service';
@@ -10,13 +10,16 @@ import {DbService} from './db.service';
 })
 export class UserService {
   constructor(private afAuth: AngularFireAuth, private db: DbService) {
+    this.afAuth.authState.pipe(
+      filter(_ => !!_),
+      switchMap(auth => this.db.doc$<User>('user/' + auth.uid)),
+    ).subscribe(_ => this._user$.next(_));
   }
 
+  private _user$ = new BehaviorSubject<User>(null);
+
   public get user$(): Observable<User> {
-    return this.afAuth.authState.pipe(
-      filter(_ => !!_),
-      switchMap(auth => this.db.doc$<User>('user/' + auth.uid))
-    );
+    return this._user$.pipe(filter(_ => !!_));
   }
 
   public async update$(uid: string, data: Partial<User>): Promise<void> {