diff --git a/packages/taler-merchant-webui/src/screens/BootstrapInstanceScreen.tsx b/packages/taler-merchant-webui/src/screens/BootstrapInstanceScreen.tsx index 2cea2f2f6..7541a60f0 100644 --- a/packages/taler-merchant-webui/src/screens/BootstrapInstanceScreen.tsx +++ b/packages/taler-merchant-webui/src/screens/BootstrapInstanceScreen.tsx @@ -9,7 +9,7 @@ import { ActionFooter } from "../ui/FormActionFooter.js"; import type { VNode } from "preact"; -import { useRef, useState } from "preact/hooks"; +import { useEffect, useRef, useState } from "preact/hooks"; import type { TalerMerchantApi } from "@gnu-taler/taler-util"; import { useTranslation } from "../context/translation.js"; import { ApiErrorBanner } from "../ui/ApiErrorBanner.js"; @@ -41,6 +41,12 @@ export function BootstrapInstanceScreen({ const [error, setError] = useState(); const [pending, setPending] = useState(false); const submissionLock = useRef(false); + // The account identifier is fixed, so the business name is the first thing + // this page asks for. + const businessNameInput = useRef(null); + useEffect(() => { + businessNameInput.current?.focus(); + }, []); const submit = async (event: Event) => { event.preventDefault(); @@ -134,6 +140,7 @@ export function BootstrapInstanceScreen({ {t`Business name`} setBusinessName(event.currentTarget.value)}