2 files changed, 3 insertions, 4 deletions
diff --git a/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.html b/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.html
index 1e1f1b79..50d6ba56 100644
--- a/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.html
+++ b/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.html
@@ -1,8 +1,5 @@
 <div [ngSwitch]="state" class="container">
   <mat-progress-spinner *ngSwitchCase="'loading'" mode="indeterminate" diameter="50"></mat-progress-spinner>
   <app-user-login *ngSwitchCase="'login'" (login)="login($event)" [message]="loginMessage"></app-user-login>
-  <div *ngSwitchCase="'success'">
-    <p class="mat-body">You have been login as {{ userInfo.username }}.</p>
-    <p class="mat-body">Your roles are {{ userInfo.roles.join(', ') }}.</p>
-  </div>
+  <app-user-login-success *ngSwitchCase="'success'" [userInfo]="userInfo" [displayLoginSuccessMessage]="displayLoginSuccessMessage"></app-user-login-success>
 </div>
diff --git a/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.ts b/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.ts
index 88e48799..cf62b831 100644
--- a/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.ts
+++ b/Timeline/ClientApp/src/app/user-dialog/user-dialog.component.ts
@@ -15,6 +15,7 @@ export class UserDialogComponent implements OnInit {
 
   loginMessage: LoginMessage;
 
+  displayLoginSuccessMessage = false;
   userInfo: UserInfo;
 
   ngOnInit() {
@@ -32,6 +33,7 @@ export class UserDialogComponent implements OnInit {
   login(event: LoginEvent) {
     this.userService.tryLogin(event.username, event.password).subscribe(result => {
       this.userInfo = result;
+      this.displayLoginSuccessMessage = true;
       this.state = 'success';
     }, (error: Error) => {
       this.loginMessage = error.message;