frontend: adapt new PasswordComponent API

Author: ffreddow

frontend/src/components/login.tsx

@@ -134,7 +134,7 @@ export class Login extends Component<{}, LoginState> {
                 <Form.Group className="mb-3" controlId="loginPassword" >
                     <Form.Label>{t("password")}</Form.Label>
                     <PasswordComponent onChange={(e) => {
-                        this.setState({password: (e.target as HTMLInputElement).value});
+                        this.setState({password: e});
                     }}
                     invalidMessage={t("wrong_credentials")}
                     isInvalid={this.state.credentials_wrong}/>

frontend/src/components/register.tsx

@@ -225,8 +225,7 @@ export class Register extends Component<{}, RegisterState> {
                 <Form.Group className="mb-3" controlId="registerPassword">
                     <Form.Label>{t("password")}</Form.Label>
                     <PasswordComponent isInvalid={!this.state.passwordValid} onChange={(e) => {
-                        const password = e;
-                        this.setState({password}, () => {
+                        this.setState({password: e}, () => {
                             if (!this.state.confirmPasswordValid || !this.state.passwordValid) {
                                 this.checkPassword();
                             }
@@ -237,8 +236,7 @@ export class Register extends Component<{}, RegisterState> {
                 <Form.Group className="mb-3" controlId="registerConfirmPassword">
                     <Form.Label>{t("confirm_password")}</Form.Label>
                     <PasswordComponent isInvalid={!this.state.confirmPasswordValid} onChange={(e) => {
-                        const confirmPassword = e;
-                        this.setState({confirmPassword}, () => {
+                        this.setState({confirmPassword: e}, () => {
                             if (!this.state.confirmPasswordValid || !this.state.passwordValid) {
                                 this.checkPassword();
                             }

frontend/src/pages/recovery.tsx

@@ -130,7 +130,7 @@ export function Recovery() {
                             {t("recovery.new_password")}
                         </Form.Label>
                         <PasswordComponent isInvalid={!state.passwordValid}  onChange={(e) => {
-                            setState({...state, new_password: (e.target as HTMLInputElement).value});
+                            setState({...state, new_password: e});
                         }} />
                     </Form.Group>
                     <Form.Group className="mb-3" controlId="recoveryFile">