frontend/user: fix errors found by new tests

Author: ffreddow

frontend/src/locales/de.ts

@@ -15,6 +15,7 @@ export const de ={
         "name": "Name",
         "change": "Ändern",
         "change_password": "Passwort ändern",
+        "change_password_button": "Passwort ändern",
         "current_password": "Aktuelles Passwort",
         "current_password_error_message": "Darf nicht leer sein.",
         "new_password": "Neues Passwort",
@@ -23,6 +24,7 @@ export const de ={
         "confirm_new_password_error_message": "Passwörter stimmen nicht überein",
         "close": "Schließen",
         "delete_user": "Konto löschen",
+        "delete_user_button": "Konto löschen",
         "password": "Passwort",
         "password_invalid": "Passwort falsch",
         "logout_all": "Von allen Sessions ausloggen",

frontend/src/locales/en.ts

@@ -15,6 +15,7 @@ export const en = {
         "name": "Name",
         "change": "Change",
         "change_password": "Change password",
+        "change_password_button": "Change password",
         "current_password": "Current password",
         "current_password_error_message": "Must not be empty.",
         "new_password": "New password",
@@ -23,6 +24,7 @@ export const en = {
         "confirm_new_password_error_message": "Passwords do not match",
         "close": "Close",
         "delete_user": "Delete account",
+        "delete_user_button": "Delete account",
         "password": "Password",
         "password_invalid": "Password is wrong",
         "logout_all": "Logout from all sessions",

frontend/src/pages/User.tsx

@@ -18,9 +18,7 @@
  */
 
 import { Component } from "preact";
-import Form from "react-bootstrap/Form"
-import Button from "react-bootstrap/Button";
-import Modal from "react-bootstrap/Modal";
+import { Form, Button, Modal } from "react-bootstrap";
 import { useState } from "preact/hooks";
 import { fetchClient, isDebugMode, PASSWORD_PATTERN, concat_salts, generate_hash, generate_random_bytes, get_salt, get_salt_for_user } from "../utils";
 import sodium from "libsodium-wrappers";
@@ -288,7 +286,7 @@ export function User() {
                             id="debugMode"
                             label={t("debug_mode")}
                             checked={isDebugMode.value}
-                            onChange={(e) => {
+                            onClick={(e) => {
                                 e.stopPropagation();
                                 const newDebugMode = !isDebugMode.value;
                                 isDebugMode.value = newDebugMode;
@@ -337,15 +335,17 @@ export function User() {
                         {t("close")}
                     </Button>
                     <Button variant="danger" type="submit">
-                        {t("delete_user")}
+                        {t("delete_user_button")}
                     </Button>
                 </Modal.Footer>
             </Form>
         </Modal>
 
         {/* Change password modal */}
         <Modal show={showPasswordReset} onHide={handleUpdatePasswordClose} centered>
-            <Form onSubmit={submitUpdatePassword} validated={validated.value} noValidate>
+            <Form onSubmit={(e) => {
+                submitUpdatePassword(e);
+            }} validated={validated.value} noValidate>
                 <Modal.Header>
                     <Modal.Title>
                         {t("change_password")}
@@ -382,7 +382,7 @@ export function User() {
                         {t("close")}
                     </Button>
                     <Button variant="primary" type="submit">
-                        {t("change_password")}
+                        {t("change_password_button")}
                     </Button>
                 </Modal.Footer>
             </Form>