Angular Security course

Author: jhades

src/app/app.component.css

@@ -18,4 +18,10 @@ main {
 
 .course-header h3 {
     text-align: center;
+}
+
+
+.user-email {
+    color: blue;
+    text-decoration: underline;
 }

src/app/app.component.html

@@ -31,7 +31,12 @@ <h3>Angular Security MasterClass</h3>
         <img class="course-logo"
              src="https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-security-thumbnail.png">
 
-        <div *ngIf="(user$ | async) as user">User: {{user.email}}</div>
+        <ng-container *ngIf="(user$ | async) as user">
+
+            <h4 class="user-email" *ngIf="user.email">{{user.email}}</h4>
+
+        </ng-container>
+
     </div>
 
     <router-outlet></router-outlet>

src/app/services/auth.service.ts

@@ -6,7 +6,7 @@ import {BehaviorSubject} from "rxjs/BehaviorSubject";
 
 export const ANONYMOUS_USER: User = {
     id: undefined,
-    email: '',
+    email: undefined,
     roles: []
 }