diff options
author | Sebastian <sebasjm@gmail.com> | 2023-11-06 11:54:45 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2023-11-06 11:54:45 -0300 |
commit | 4ee903eb5e639fa0e122a689cc431e8f18ca1197 (patch) | |
tree | d2cf28bcddb03f650fe7913ff2db8e48145740c4 /packages/aml-backoffice-ui/src/pages/Officer.tsx | |
parent | 3d1ab082d4a66df08fcb468d04198c055d00b8c5 (diff) | |
download | wallet-core-4ee903eb5e639fa0e122a689cc431e8f18ca1197.tar.xz |
aml ui
Diffstat (limited to 'packages/aml-backoffice-ui/src/pages/Officer.tsx')
-rw-r--r-- | packages/aml-backoffice-ui/src/pages/Officer.tsx | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/packages/aml-backoffice-ui/src/pages/Officer.tsx b/packages/aml-backoffice-ui/src/pages/Officer.tsx index 4af34805a..abada3725 100644 --- a/packages/aml-backoffice-ui/src/pages/Officer.tsx +++ b/packages/aml-backoffice-ui/src/pages/Officer.tsx @@ -1,9 +1,11 @@ import { Fragment, h } from "preact"; import { useOfficer } from "../hooks/useOfficer.js"; import { HandleAccountNotReady } from "./HandleAccountNotReady.js"; +import { useTranslationContext } from "@gnu-taler/web-util/browser"; export function Officer() { const officer = useOfficer(); + const { i18n } = useTranslationContext() if (officer.state !== "ready") { return <HandleAccountNotReady officer={officer} />; } @@ -11,7 +13,7 @@ export function Officer() { return ( <div> <h1 class="my-2 text-3xl font-bold tracking-tight text-gray-900 "> - Public key + <i18n.Translate>Public key</i18n.Translate> </h1> <div class="max-w-xl text-base leading-7 text-gray-700 lg:max-w-lg"> <p class="mt-6 font-mono break-all">{officer.account.id}</p> @@ -25,7 +27,7 @@ export function Officer() { rel="noreferrer" class="m-4 block rounded-md w-fit border-0 px-3 py-2 text-center text-sm bg-indigo-700 text-white shadow-sm hover:bg-indigo-700" > - Request account activation + <i18n.Translate>Request account activation</i18n.Translate> </a> </p> <p> @@ -36,7 +38,7 @@ export function Officer() { }} class="m-4 block rounded-md border-0 bg-gray-200 px-3 py-2 text-center text-sm text-black shadow-sm " > - Lock account + <i18n.Translate>Lock account</i18n.Translate> </button> </p> <p> @@ -47,7 +49,7 @@ export function Officer() { }} class="m-4 block rounded-md bg-red-600 px-3 py-2 text-center text-sm text-white shadow-sm hover:bg-red-500 " > - Remove account + <i18n.Translate>Forget account</i18n.Translate> </button> </p> </div> |