Implemented a message when the profile is successfully updated

2 files changed, 7 insertions, 1 deletions

diff --git a/src/DevHive.Angular/src/app/components/profile-settings/profile-settings.component.html b/src/DevHive.Angular/src/app/components/profile-settings/profile-settings.component.html
index 27a8c10..4477ce2 100644
--- a/src/DevHive.Angular/src/app/components/profile-settings/profile-settings.component.html
+++ b/src/DevHive.Angular/src/app/components/profile-settings/profile-settings.component.html
@@ -58,6 +58,9 @@
 			</div>
 		</div>
 		<button class="submit-btn" type="submit">Update profile</button>
+		<div id="successful-update-msg" *ngIf="successfulUpdate">
+			Profile updated successfully!
+		</div>
 	</form>
 	<hr>
 	<button id="delete-account" class="submit-btn" (click)="deleteAccount()">Delete account</button>
diff --git a/src/DevHive.Angular/src/app/components/profile-settings/profile-settings.component.ts b/src/DevHive.Angular/src/app/components/profile-settings/profile-settings.component.ts
index 424ed83..d7c7ee6 100644
--- a/src/DevHive.Angular/src/app/components/profile-settings/profile-settings.component.ts
+++ b/src/DevHive.Angular/src/app/components/profile-settings/profile-settings.component.ts
@@ -16,6 +16,7 @@ export class ProfileSettingsComponent implements OnInit {
   public updateUserFormGroup: FormGroup;
   public dataArrived = false;
   public user: User;
+  public successfulUpdate = false;
 
   constructor(private _router: Router, private _userService: UserService, private _fb: FormBuilder)
   { }
@@ -85,6 +86,7 @@ export class ProfileSettingsComponent implements OnInit {
       ]),
     });
 
+    this.updateUserFormGroup.valueChanges.subscribe(() => this.successfulUpdate = false);
   }
 
   private bailOnBadToken(): void {
@@ -93,8 +95,9 @@ export class ProfileSettingsComponent implements OnInit {
   }
 
   onSubmit(): void {
+    this.successfulUpdate = false;
     this._userService.putUserFromSessionStorageRequest(this.updateUserFormGroup).subscribe(
-        res => console.log(res),
+        res => this.successfulUpdate = true,
         (err: HttpErrorResponse) => console.log(err.message)
     );
   }