diff options
author | Sebastian <sebasjm@gmail.com> | 2022-03-14 15:20:32 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-03-14 15:21:24 -0300 |
commit | 08959f83bc9f6d5df93cb6c2d34b671bf419d05a (patch) | |
tree | 1a366b05453de18b598c9a587caea7ba6d1c93e7 /packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx | |
parent | 1d7c8f7083f2aa98295f1ad28399c8e19a9e7754 (diff) | |
download | wallet-core-08959f83bc9f6d5df93cb6c2d34b671bf419d05a.tar.xz |
take translator from transaltion context
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx | 36 |
1 files changed, 18 insertions, 18 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx b/packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx index 229fab7be..04ed5ec57 100644 --- a/packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx +++ b/packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx @@ -1,32 +1,18 @@ -import { classifyTalerUri, TalerUriType, i18n } from "@gnu-taler/taler-util"; +import { classifyTalerUri, TalerUriType } from "@gnu-taler/taler-util"; import { Fragment, h, VNode } from "preact"; import { useState } from "preact/hooks"; import { Button, ButtonSuccess, InputWithLabel } from "../components/styled"; +import { useTranslationContext } from "../context/translation"; import { actionForTalerUri } from "../utils/index"; export interface Props { onCancel: () => void; } -function buttonLabelByTalerType(type: TalerUriType): VNode { - switch (type) { - case TalerUriType.TalerNotifyReserve: - return <i18n.Translate>Open reserve page</i18n.Translate>; - case TalerUriType.TalerPay: - return <i18n.Translate>Open pay page</i18n.Translate>; - case TalerUriType.TalerRefund: - return <i18n.Translate>Open refund page</i18n.Translate>; - case TalerUriType.TalerTip: - return <i18n.Translate>Open tip page</i18n.Translate>; - case TalerUriType.TalerWithdraw: - return <i18n.Translate>Open withdraw page</i18n.Translate>; - } - return <Fragment />; -} - export function AddNewActionView({ onCancel }: Props): VNode { const [url, setUrl] = useState(""); const uriType = classifyTalerUri(url); + const { i18n } = useTranslationContext(); return ( <Fragment> @@ -57,7 +43,21 @@ export function AddNewActionView({ onCancel }: Props): VNode { chrome.tabs.create({ url: actionForTalerUri(uriType, url) }); }} > - {buttonLabelByTalerType(uriType)} + {(() => { + switch (uriType) { + case TalerUriType.TalerNotifyReserve: + return <i18n.Translate>Open reserve page</i18n.Translate>; + case TalerUriType.TalerPay: + return <i18n.Translate>Open pay page</i18n.Translate>; + case TalerUriType.TalerRefund: + return <i18n.Translate>Open refund page</i18n.Translate>; + case TalerUriType.TalerTip: + return <i18n.Translate>Open tip page</i18n.Translate>; + case TalerUriType.TalerWithdraw: + return <i18n.Translate>Open withdraw page</i18n.Translate>; + } + return <Fragment />; + })()} </ButtonSuccess> )} </footer> |