fix(plugin-authentication): CB-606 show placeholder dots when editing user password

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,

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'