From f9f2911c761af1c8ed1c323dcd414cbaa9eeae7c Mon Sep 17 00:00:00 2001 From: Sebastian Date: Tue, 13 Sep 2022 11:07:39 -0300 Subject: adding missing i18n --- .../src/components/BankDetailsByPaytoType.tsx | 8 +- .../src/components/Banner.tsx | 15 +-- .../src/components/PendingTransactions.tsx | 4 +- .../src/components/ShowFullContractTermPopup.tsx | 101 ++++++++++++++++----- 4 files changed, 94 insertions(+), 34 deletions(-) (limited to 'packages/taler-wallet-webextension/src/components') diff --git a/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx b/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx index 609c82e10..3a15cf1fb 100644 --- a/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx +++ b/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx @@ -54,7 +54,9 @@ export function BankDetailsByPaytoType({ borderRadius: 4, }} > -

Bitcoin transfer details

+

+ Bitcoin transfer details +

The exchange need a transaction with 3 output, one output is the @@ -140,7 +142,9 @@ export function BankDetailsByPaytoType({ borderRadius: 4, }} > -

Bank transfer details

+

+ Bank transfer details +

{accountPart} { - title?: string; + titleHead?: VNode; elements: { icon?: VNode; description: VNode; @@ -34,15 +34,18 @@ interface Props extends JSX.HTMLAttributes { }; } -export function Banner({ title, elements, confirm, ...rest }: Props): VNode { +export function Banner({ + titleHead, + elements, + confirm, + ...rest +}: Props): VNode { return ( - {title && ( + {titleHead && ( - - {title} - + {titleHead} )} diff --git a/packages/taler-wallet-webextension/src/components/PendingTransactions.tsx b/packages/taler-wallet-webextension/src/components/PendingTransactions.tsx index 05995395b..e9688da21 100644 --- a/packages/taler-wallet-webextension/src/components/PendingTransactions.tsx +++ b/packages/taler-wallet-webextension/src/components/PendingTransactions.tsx @@ -21,6 +21,7 @@ import { } from "@gnu-taler/taler-util"; import { Fragment, h, JSX, VNode } from "preact"; import { useEffect } from "preact/hooks"; +import { useTranslationContext } from "../context/translation.js"; import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js"; import { Avatar } from "../mui/Avatar.js"; import { Typography } from "../mui/Typography.js"; @@ -67,9 +68,10 @@ export function PendingTransactionsView({ goToTransaction: (id: string) => Promise; transactions: Transaction[]; }): VNode { + const { i18n } = useTranslationContext(); return ( PENDING OPERATIONS} style={{ backgroundColor: "lightcyan", maxHeight: 150, diff --git a/packages/taler-wallet-webextension/src/components/ShowFullContractTermPopup.tsx b/packages/taler-wallet-webextension/src/components/ShowFullContractTermPopup.tsx index b7d8376bd..7c1d2c6fc 100644 --- a/packages/taler-wallet-webextension/src/components/ShowFullContractTermPopup.tsx +++ b/packages/taler-wallet-webextension/src/components/ShowFullContractTermPopup.tsx @@ -172,39 +172,54 @@ export function HiddenView({ showHandler }: States.Hidden): VNode { export function ShowView({ contractTerms, hideHandler }: States.Show): VNode { const createdAt = AbsoluteTime.fromTimestamp(contractTerms.timestamp); + const { i18n } = useTranslationContext(); return (
- + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + {/* @@ -327,19 +366,25 @@ export function ShowView({ contractTerms, hideHandler }: States.Show): VNode { */} - + - + - + {/* @@ -349,11 +394,15 @@ export function ShowView({ contractTerms, hideHandler }: States.Show): VNode { */} - + - + - +
Order Id + Order Id + {contractTerms.orderId}
Summary + Summary + {contractTerms.summary}
Amount + Amount +
Merchant name + Merchant name + {contractTerms.merchant.name}
Merchant jurisdiction + Merchant jurisdiction + {locationAsText(contractTerms.merchant.jurisdiction)}
Merchant address + Merchant address + {locationAsText(contractTerms.merchant.address)}
Merchant logo + Merchant logo +
Merchant website + Merchant website + {contractTerms.merchant.website}
Merchant email + Merchant email + {contractTerms.merchant.email}
Merchant public key + Merchant public key + {contractTerms.merchantPub.substring(0, 6)}... @@ -231,7 +252,9 @@ export function ShowView({ contractTerms, hideHandler }: States.Show): VNode {
Delivery date + Delivery date + {contractTerms.deliveryDate && (
Delivery location + Delivery location + {locationAsText(contractTerms.deliveryLocation)}
Products + Products + {!contractTerms.products || contractTerms.products.length === 0 ? "none" @@ -258,7 +285,9 @@ export function ShowView({ contractTerms, hideHandler }: States.Show): VNode {
Created at + Created at + {contractTerms.timestamp && (
Refund deadline + Refund deadline + {
Auto refund + Auto refund + {
Pay deadline + Pay deadline + {
Fulfillment URL + Fulfillment URL + {contractTerms.fulfillmentUrl}
Fulfillment message + Fulfillment message + {contractTerms.fulfillmentMessage}
{contractTerms.public_reorder_url}
Max deposit fee + Max deposit fee +
Max fee + Max fee +
Minimum age + Minimum age + {contractTerms.minimumAge}
Wire fee amortization + Wire fee amortization + {contractTerms.wireFeeAmortization}
Auditors + Auditors + {(contractTerms.allowedAuditors || []).map((e) => ( @@ -366,7 +415,9 @@ export function ShowView({ contractTerms, hideHandler }: States.Show): VNode {
Exchanges + Exchanges + {(contractTerms.allowedExchanges || []).map((e) => ( -- cgit v1.2.3