diff options
Diffstat (limited to 'packages/aml-backoffice-ui/src/pages/UnlockAccount.tsx')
-rw-r--r-- | packages/aml-backoffice-ui/src/pages/UnlockAccount.tsx | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/packages/aml-backoffice-ui/src/pages/UnlockAccount.tsx b/packages/aml-backoffice-ui/src/pages/UnlockAccount.tsx index 084e639bf..72656bb98 100644 --- a/packages/aml-backoffice-ui/src/pages/UnlockAccount.tsx +++ b/packages/aml-backoffice-ui/src/pages/UnlockAccount.tsx @@ -19,7 +19,7 @@ import { LocalNotificationBanner, UIHandlerId, useLocalNotificationHandler, - useTranslationContext + useTranslationContext, } from "@gnu-taler/web-util/browser"; import { VNode, h } from "preact"; import { FormErrors, useFormState } from "../hooks/form.js"; @@ -36,7 +36,7 @@ export function UnlockAccount(): VNode { const officer = useOfficer(); const [notification, withErrorHandler] = useLocalNotificationHandler(); - const [form, status] = useFormState<FormType>( + const { handler, status } = useFormState<FormType>( [".password"] as Array<UIHandlerId>, { password: undefined, @@ -64,7 +64,7 @@ export function UnlockAccount(): VNode { status.status === "fail" || officer.state !== "locked" ? undefined : withErrorHandler( - async () => officer.tryUnlock(form.password!.value!), + async () => officer.tryUnlock(handler.password!.value!), () => {}, ); @@ -94,14 +94,13 @@ export function UnlockAccount(): VNode { <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-[480px] "> <div class="bg-gray-100 px-6 py-6 shadow sm:rounded-lg sm:px-12"> - <div class="mb-4"> <InputLine<FormType, "password"> label={i18n.str`Password`} name="password" type="password" required - handler={form.password} + handler={handler.password} /> </div> @@ -115,7 +114,6 @@ export function UnlockAccount(): VNode { <i18n.Translate>Unlock</i18n.Translate> </Button> </div> - </div> <Button type="button" |