From 9b1083af8b94a3d62694a59bb100bea608cebef2 Mon Sep 17 00:00:00 2001
From: Naumov Alexey <Iamemptyhuh@gmail.com>
Date: Mon, 18 Jan 2021 13:49:36 +0300
Subject: [PATCH] fix(plugin-authentication): CB-606 show placeholder dots when
 editing user password

---
 .../src/Administration/Users/UserForm/UserFormController.ts     | 2 +-
 .../src/Administration/Users/UserForm/UserInfo.tsx              | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserFormController.ts b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserFormController.ts
index 6a8f44515b..3cb7d1d60a 100644
--- a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserFormController.ts
+++ b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserFormController.ts
@@ -48,6 +48,7 @@ export class UserFormController implements IInitializableController, IDestructib
   }
 
   user!: AdminUserInfo;
+  editing!: boolean;
 
   readonly error: GQLErrorCatcher;
 
@@ -55,7 +56,6 @@ export class UserFormController implements IInitializableController, IDestructib
   private connectionAccessChanged: boolean;
   private connectionAccessLoaded: boolean;
   private collapse!: () => void;
-  private editing!: boolean;
 
   constructor(
     private notificationService: NotificationService,
diff --git a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserInfo.tsx b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserInfo.tsx
index 165e1c3f80..076e9e6695 100644
--- a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserInfo.tsx
+++ b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserInfo.tsx
@@ -64,6 +64,7 @@ export const UserInfo: TabContainerPanelComponent<IUserFormProps> = observer(fun
                 type='password'
                 name='password'
                 autoComplete='new-password'
+                placeholder={controller.editing ? '••••••' : ''}
                 value={controller.credentials.password}
                 disabled={controller.isSaving}
                 mod='surface'
@@ -77,6 +78,7 @@ export const UserInfo: TabContainerPanelComponent<IUserFormProps> = observer(fun
               <InputField
                 type='password'
                 name='password_repeat'
+                placeholder={controller.editing ? '••••••' : ''}
                 value={controller.credentials.passwordRepeat}
                 disabled={controller.isSaving}
                 mod='surface'