diff --git a/apps/web/app/password/[linkId]/form.tsx b/apps/web/app/password/[linkId]/form.tsx index 6e20aa43500..318dcc67350 100644 --- a/apps/web/app/password/[linkId]/form.tsx +++ b/apps/web/app/password/[linkId]/form.tsx @@ -6,16 +6,18 @@ import { useParams } from "next/navigation"; import { useActionState } from "react"; import { useFormStatus } from "react-dom"; import { verifyPassword } from "./action"; +import { getTranslations, Language } from "./translations"; const initialState = { error: null, }; -export default function PasswordForm() { +export default function PasswordForm({ language }: { language: Language }) { const { linkId } = useParams() as { linkId: string; }; const [state, formAction] = useActionState(verifyPassword, initialState); + const t = getTranslations(language); const { isMobile } = useMediaQuery(); @@ -27,7 +29,7 @@ export default function PasswordForm() { >
@@ -54,17 +56,17 @@ export default function PasswordForm() {
{state.error && (

- Incorrect password + {t.incorrectPassword}

)}
- + ); } -const FormButton = () => { +const FormButton = ({ text }: { text: string }) => { const { pending } = useFormStatus(); - return