From 9d9fcc3eb508b241945c25c24f58cea851bf43de Mon Sep 17 00:00:00 2001
From: Edouard DUPIN <yui.heero@gmail.com>
Date: Sun, 8 Jan 2023 12:22:43 +0100
Subject: [PATCH] [DEV] simplify password change

---
 .../change-password/change-password.html      |  6 ++--
 .../change-password/change-password.less      | 34 -------------------
 2 files changed, 3 insertions(+), 37 deletions(-)

diff --git a/front/src/app/scene/change-password/change-password.html b/front/src/app/scene/change-password/change-password.html
index 98cb4e8..f4aa885 100644
--- a/front/src/app/scene/change-password/change-password.html
+++ b/front/src/app/scene/change-password/change-password.html
@@ -14,7 +14,7 @@
 				placeholder="Enter current password"
 				[hasError]="passwordOldState !== true"
 				(changeValue)="checkPasswordOld($event)"></app-password-entry>
-			<div class="error color-shadow-black" *ngIf="passwordOldState !== true && passwordOldState !== false">{{passwordOldState}}</div>
+			<app-error-message-state [value]="passwordOldState"></app-error-message-state>
 			
 			<!-- New password section -->
 			<label for="password1"><b>New password</b></label>
@@ -23,7 +23,7 @@
 				placeholder="Enter new password"
 				[hasError]="password1State !== true"
 				(changeValue)="checkPassword($event)"></app-password-entry>
-			<div class="error color-shadow-black" *ngIf="password1State !== true && password1State !== false">{{password1State}}</div>
+				<app-error-message-state [value]="password1State"></app-error-message-state>
 
 			<!-- New password section (verify) -->
 			<label for="password2"><b>New password (2<sup>nd</sup> time)</b></label>
@@ -32,7 +32,7 @@
 				placeholder="Enter new password (verify)"
 				[hasError]="password2State !== true"
 				(changeValue)="checkPassword2($event)"></app-password-entry>
-			<div class="error color-shadow-black" *ngIf="password2State !== true && password2State !== false">{{password2State}}</div>
+				<app-error-message-state [value]="password2State"></app-error-message-state>
 		</div>
 		<div class="container" *ngIf="updateState==='filling'">
 			<button class="button cancel color-button-cancel color-shadow-black" (click)="onCancel()">Cancel</button>
diff --git a/front/src/app/scene/change-password/change-password.less b/front/src/app/scene/change-password/change-password.less
index 85bdea4..0b64851 100644
--- a/front/src/app/scene/change-password/change-password.less
+++ b/front/src/app/scene/change-password/change-password.less
@@ -60,37 +60,3 @@ img.avatar {
 }
 
 
-.error {
-	background-color: #f44336;
-	position: absolute;
-	z-index: 10;
-	display: block;
-	max-width: 450px;
-	padding: 5px 8px;
-	margin: 2px 0 0;
-	font-size: 16px;
-	font-weight: 400;
-	border-style: solid;
-	border-width: 0px;
-	box-sizing: border-box;
-
-	&:after,
-	&:before {
-		bottom: 100%;
-		left: 25px;
-		border: solid transparent;
-		content: ' ';
-		height: 0;
-		width: 0;
-		position: absolute;
-		pointer-events: none;
-	}
-
-	&:after {
-		border-bottom-color: #f44336;
-		border-width: 10px;
-		margin-left: -10px;
-	}
-}
-
-