diff options
Diffstat (limited to 'packages/anastasis-webui/src/pages/home/authMethod')
15 files changed, 21 insertions, 9 deletions
diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.stories.tsx index 38391d10d..4a2d76ca3 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.stories.tsx @@ -23,6 +23,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: Email setup", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSolve.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSolve.stories.tsx index db9abc86c..cc378d8f6 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSolve.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSolve.stories.tsx @@ -27,6 +27,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: Email solve", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSolve.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSolve.tsx index d4e034a37..6a9595a83 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSolve.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSolve.tsx @@ -23,7 +23,7 @@ import { useState } from "preact/hooks"; import { AsyncButton } from "../../../components/AsyncButton.js"; import { TextInput } from "../../../components/fields/TextInput.js"; import { useAnastasisContext } from "../../../context/anastasis.js"; -import { useTranslator } from "../../../i18n/index.js"; +import { useTranslationContext } from "../../../context/translation.js"; import { AnastasisClientFrame } from "../index.js"; import { SolveOverviewFeedbackDisplay } from "../SolveScreen.js"; import { shouldHideConfirm } from "./helpers.js"; @@ -53,7 +53,7 @@ export function AuthMethodEmailSolve({ id }: AuthMethodSolveProps): VNode { _setAnswer(result); } const [expanded, setExpanded] = useState(false); - const i18n = useTranslator(); + const { i18n } = useTranslationContext(); const reducer = useAnastasisContext(); if (!reducer) { @@ -124,7 +124,7 @@ export function AuthMethodEmailSolve({ id }: AuthMethodSolveProps): VNode { const error = answer.length > 21 - ? i18n`The answer should not be greater than 21 characters.` + ? i18n.str`The answer should not be greater than 21 characters.` : undefined; return ( diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodIbanSetup.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodIbanSetup.stories.tsx index 5f3de47ff..dfe3850f1 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodIbanSetup.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodIbanSetup.stories.tsx @@ -23,6 +23,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: IBAN setup", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodIbanSolve.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodIbanSolve.stories.tsx index c06611127..8a9a3f7a0 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodIbanSolve.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodIbanSolve.stories.tsx @@ -24,6 +24,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: IBAN Solve", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSetup.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSetup.stories.tsx index 892de6023..8a32c45c1 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSetup.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSetup.stories.tsx @@ -23,6 +23,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: Post setup", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSolve.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSolve.stories.tsx index 8f7dc5ff9..702ba2810 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSolve.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSolve.stories.tsx @@ -24,6 +24,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: Post solve", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSolve.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSolve.tsx index 725382c58..8204ab1cf 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSolve.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSolve.tsx @@ -19,7 +19,7 @@ import { useState } from "preact/hooks"; import { AsyncButton } from "../../../components/AsyncButton.js"; import { TextInput } from "../../../components/fields/TextInput.js"; import { useAnastasisContext } from "../../../context/anastasis.js"; -import { useTranslator } from "../../../i18n/index.js"; +import { useTranslationContext } from "../../../context/translation.js"; import { AnastasisClientFrame } from "../index.js"; import { SolveOverviewFeedbackDisplay } from "../SolveScreen.js"; import { shouldHideConfirm } from "./helpers.js"; @@ -48,7 +48,7 @@ export function AuthMethodPostSolve({ id }: AuthMethodSolveProps): VNode { _setAnswer(result); } - const i18n = useTranslator(); + const { i18n } = useTranslationContext(); const reducer = useAnastasisContext(); if (!reducer) { @@ -119,7 +119,7 @@ export function AuthMethodPostSolve({ id }: AuthMethodSolveProps): VNode { const error = answer.length > 21 - ? i18n`The answer should not be greater than 21 characters.` + ? i18n.str`The answer should not be greater than 21 characters.` : undefined; return ( diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodQuestionSetup.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodQuestionSetup.stories.tsx index 736e7bfa8..2e108b4e6 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodQuestionSetup.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodQuestionSetup.stories.tsx @@ -23,6 +23,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: Question setup", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodQuestionSolve.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodQuestionSolve.stories.tsx index 182538775..f7116bf6f 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodQuestionSolve.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodQuestionSolve.stories.tsx @@ -27,6 +27,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: Question solve", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSetup.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSetup.stories.tsx index 0d58dbdcf..b2c6cb61d 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSetup.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSetup.stories.tsx @@ -23,6 +23,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: SMS setup", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.stories.tsx index f1717eff0..2064f12ff 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.stories.tsx @@ -24,6 +24,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: SMS solve", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx index 965efbe60..58bb53c4f 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx @@ -19,7 +19,7 @@ import { useState } from "preact/hooks"; import { AsyncButton } from "../../../components/AsyncButton.js"; import { TextInput } from "../../../components/fields/TextInput.js"; import { useAnastasisContext } from "../../../context/anastasis.js"; -import { useTranslator } from "../../../i18n/index.js"; +import { useTranslationContext } from "../../../context/translation.js"; import { AnastasisClientFrame } from "../index.js"; import { SolveOverviewFeedbackDisplay } from "../SolveScreen.js"; import { shouldHideConfirm } from "./helpers.js"; @@ -48,7 +48,7 @@ export function AuthMethodSmsSolve({ id }: AuthMethodSolveProps): VNode { _setAnswer(result); } - const i18n = useTranslator(); + const { i18n } = useTranslationContext(); const [expanded, setExpanded] = useState(false); const reducer = useAnastasisContext(); @@ -120,7 +120,7 @@ export function AuthMethodSmsSolve({ id }: AuthMethodSolveProps): VNode { const error = answer.length > 21 - ? i18n`The answer should not be greater than 21 characters.` + ? i18n.str`The answer should not be greater than 21 characters.` : undefined; return ( diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodTotpSetup.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodTotpSetup.stories.tsx index e22053b96..5582590f7 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodTotpSetup.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodTotpSetup.stories.tsx @@ -23,6 +23,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: Totp setup", component: TestedComponent, args: { order: 5, diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodTotpSolve.stories.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodTotpSolve.stories.tsx index 354516d80..20cd7e3c9 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodTotpSolve.stories.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodTotpSolve.stories.tsx @@ -24,6 +24,7 @@ import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; export default { + title: "Auth method: Totp solve", component: TestedComponent, args: { order: 5, |