diff options
author | Sebastian <sebasjm@gmail.com> | 2022-02-23 15:44:14 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-02-24 12:50:52 -0300 |
commit | 8c3e57293422d670b93c2f2a19cfc47f3aecc7b1 (patch) | |
tree | 3a44e6284d088632523567ce9f7a9c033d775a7e /packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx | |
parent | 8e01ea5433f67679178f5f5ddebbee897878e198 (diff) | |
download | wallet-core-8c3e57293422d670b93c2f2a19cfc47f3aecc7b1.tar.xz |
we are force to use i18n.Translate, otherwise pogen won't find the tag
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx | 58 |
1 files changed, 32 insertions, 26 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx b/packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx index beeedcda7..65049d6b6 100644 --- a/packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx +++ b/packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx @@ -14,7 +14,7 @@ TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/> */ -import { Translate } from "@gnu-taler/taler-util"; +import { i18n } from "@gnu-taler/taler-util"; import { ProviderInfo, ProviderPaymentStatus, @@ -60,9 +60,9 @@ export function ProviderDetailPage({ pid: providerURL, onBack }: Props): VNode { return ( <LoadingError title={ - <Translate> + <i18n.Translate> There was an error loading the provider detail for "{providerURL}" - </Translate> + </i18n.Translate> } error={state} /> @@ -105,12 +105,14 @@ export function ProviderView({ <Fragment> <section> <p> - <Translate>There is not known provider with url "{url}".</Translate> + <i18n.Translate> + There is not known provider with url "{url}". + </i18n.Translate> </p> </section> <footer> <Button onClick={onBack}> - < <Translate>Back</Translate> + < <i18n.Translate>Back</i18n.Translate> </Button> <div /> </footer> @@ -136,54 +138,54 @@ export function ProviderView({ <section> <p> <b> - <Translate>Last backup</Translate>: + <i18n.Translate>Last backup</i18n.Translate>: </b>{" "} <Time timestamp={lb} format="dd MMMM yyyy" /> </p> <ButtonPrimary onClick={onSync}> - <Translate>Back up</Translate> + <i18n.Translate>Back up</i18n.Translate> </ButtonPrimary> {info.terms && ( <Fragment> <p> <b> - <Translate>Provider fee</Translate>: + <i18n.Translate>Provider fee</i18n.Translate>: </b>{" "} {info.terms && info.terms.annualFee}{" "} - <Translate>per year</Translate> + <i18n.Translate>per year</i18n.Translate> </p> </Fragment> )} <p>{descriptionByStatus(info.paymentStatus)}</p> <ButtonPrimary disabled onClick={onExtend}> - <Translate>Extend</Translate> + <i18n.Translate>Extend</i18n.Translate> </ButtonPrimary> {info.paymentStatus.type === ProviderPaymentType.TermsChanged && ( <div> <p> - <Translate> + <i18n.Translate> terms has changed, extending the service will imply accepting the new terms of service - </Translate> + </i18n.Translate> </p> <table> <thead> <tr> <td> </td> <td> - <Translate>old</Translate> + <i18n.Translate>old</i18n.Translate> </td> <td> -></td> <td> - <Translate>new</Translate> + <i18n.Translate>new</i18n.Translate> </td> </tr> </thead> <tbody> <tr> <td> - <Translate>fee</Translate> + <i18n.Translate>fee</i18n.Translate> </td> <td>{info.paymentStatus.oldTerms.annualFee}</td> <td>-></td> @@ -191,7 +193,7 @@ export function ProviderView({ </tr> <tr> <td> - <Translate>storage</Translate> + <i18n.Translate>storage</i18n.Translate> </td> <td>{info.paymentStatus.oldTerms.storageLimitInMegabytes}</td> <td>-></td> @@ -204,11 +206,11 @@ export function ProviderView({ </section> <footer> <Button onClick={onBack}> - < <Translate>back</Translate> + < <i18n.Translate>back</i18n.Translate> </Button> <div> <ButtonDestructive onClick={onDelete}> - <Translate>Remove provider</Translate> + <i18n.Translate>Remove provider</i18n.Translate> </ButtonDestructive> </div> </footer> @@ -220,7 +222,9 @@ function Error({ info }: { info: ProviderInfo }): VNode { if (info.lastError) { return ( <ErrorMessage - title={<Translate>This provider has reported an error</Translate>} + title={ + <i18n.Translate>This provider has reported an error</i18n.Translate> + } description={info.lastError.hint} /> ); @@ -232,26 +236,28 @@ function Error({ info }: { info: ProviderInfo }): VNode { <ErrorMessage title={ <Fragment> - <Translate> + <i18n.Translate> There is conflict with another backup from{" "} <b>{info.backupProblem.otherDeviceId}</b> - </Translate> + </i18n.Translate> </Fragment> } /> ); case "backup-unreadable": return ( - <ErrorMessage title={<Translate>Backup is not readable</Translate>} /> + <ErrorMessage + title={<i18n.Translate>Backup is not readable</i18n.Translate>} + /> ); default: return ( <ErrorMessage title={ <Fragment> - <Translate> + <i18n.Translate> Unknown backup problem: {JSON.stringify(info.backupProblem)} - </Translate> + </i18n.Translate> </Fragment> } /> @@ -268,14 +274,14 @@ function descriptionByStatus(status: ProviderPaymentStatus): VNode { if (status.paidUntil.t_ms === "never") { return ( <span> - <Translate>service paid</Translate> + <i18n.Translate>service paid</i18n.Translate> </span> ); } return ( <Fragment> <b> - <Translate>Backup valid until</Translate>: + <i18n.Translate>Backup valid until</i18n.Translate>: </b>{" "} <Time timestamp={status.paidUntil} format="dd MMM yyyy" /> </Fragment> |