diff options
author | Sebastian <sebasjm@gmail.com> | 2022-03-28 14:03:59 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-03-28 14:04:06 -0300 |
commit | 1d85662946c393ea6985c178842be40d38fc687d (patch) | |
tree | c01293631a6fc13810458ea4638bb3f8daa4c389 /packages/taler-wallet-webextension/src/cta | |
parent | 2ba6692c6ad97285e852fb0b74a650e067817003 (diff) | |
download | wallet-core-1d85662946c393ea6985c178842be40d38fc687d.tar.xz |
storybook like page for dev, plus some style fixes
Diffstat (limited to 'packages/taler-wallet-webextension/src/cta')
5 files changed, 22 insertions, 17 deletions
diff --git a/packages/taler-wallet-webextension/src/cta/Deposit.tsx b/packages/taler-wallet-webextension/src/cta/Deposit.tsx index 933195a9e..1b90a7ec1 100644 --- a/packages/taler-wallet-webextension/src/cta/Deposit.tsx +++ b/packages/taler-wallet-webextension/src/cta/Deposit.tsx @@ -43,6 +43,7 @@ import { LogoHeader } from "../components/LogoHeader"; import { Part } from "../components/Part"; import { ErrorBox, + SubTitle, SuccessBox, WalletAction, WarningBox, @@ -121,9 +122,9 @@ export function DepositPage({ talerPayUri, goBack }: Props): VNode { return ( <WalletAction> <LogoHeader /> - <h2> + <SubTitle> <i18n.Translate>Digital cash payment</i18n.Translate> - </h2> + </SubTitle> <section> <ErrorTalerOperation title={ @@ -141,9 +142,9 @@ export function DepositPage({ talerPayUri, goBack }: Props): VNode { return ( <WalletAction> <LogoHeader /> - <h2> + <SubTitle> <i18n.Translate>Digital cash payment</i18n.Translate> - </h2> + </SubTitle> <section> <p> <i18n.Translate> @@ -205,9 +206,9 @@ export function PaymentRequestView({ <WalletAction> <LogoHeader /> - <h2> + <SubTitle> <i18n.Translate>Digital cash deposit</i18n.Translate> - </h2> + </SubTitle> {payStatus.status === PreparePayResultType.AlreadyConfirmed && (payStatus.paid ? ( <SuccessBox> diff --git a/packages/taler-wallet-webextension/src/cta/Pay.tsx b/packages/taler-wallet-webextension/src/cta/Pay.tsx index f6ae02f72..28b84a534 100644 --- a/packages/taler-wallet-webextension/src/cta/Pay.tsx +++ b/packages/taler-wallet-webextension/src/cta/Pay.tsx @@ -51,6 +51,7 @@ import { LinkPrimary, LinkSuccess, SmallLightText, + SubTitle, SuccessBox, WalletAction, WarningBox, @@ -92,9 +93,9 @@ export function PayPage({ const [payResult, setPayResult] = useState<ConfirmPayResult | undefined>( undefined, ); - const [payErrMsg, setPayErrMsg] = useState< - TalerError | string | undefined - >(undefined); + const [payErrMsg, setPayErrMsg] = useState<TalerError | string | undefined>( + undefined, + ); const hook = useAsyncAsHook(async () => { if (!talerPayUri) throw Error("Missing pay uri"); @@ -318,9 +319,9 @@ export function PaymentRequestView({ <WalletAction> <LogoHeader /> - <h2> + <SubTitle> <i18n.Translate>Digital cash payment</i18n.Translate> - </h2> + </SubTitle> {payStatus.status === PreparePayResultType.AlreadyConfirmed && (payStatus.paid ? ( payStatus.contractTerms.fulfillment_url ? ( diff --git a/packages/taler-wallet-webextension/src/cta/Refund.tsx b/packages/taler-wallet-webextension/src/cta/Refund.tsx index 790e8d9fa..99fe1f019 100644 --- a/packages/taler-wallet-webextension/src/cta/Refund.tsx +++ b/packages/taler-wallet-webextension/src/cta/Refund.tsx @@ -28,6 +28,7 @@ import { } from "@gnu-taler/taler-util"; import { h, VNode } from "preact"; import { useEffect, useState } from "preact/hooks"; +import { SubTitle, Title } from "../components/styled"; import { useTranslationContext } from "../context/translation"; import * as wxApi from "../wxApi"; @@ -41,11 +42,11 @@ export function View({ applyResult }: ViewProps): VNode { const { i18n } = useTranslationContext(); return ( <section class="main"> - <h1>GNU Taler Wallet</h1> + <Title>GNU Taler Wallet</Title> <article class="fade"> - <h2> + <SubTitle> <i18n.Translate>Refund Status</i18n.Translate> - </h2> + </SubTitle> <p> <i18n.Translate> The product <em>{applyResult.info.summary}</em> has received a total diff --git a/packages/taler-wallet-webextension/src/cta/Tip.tsx b/packages/taler-wallet-webextension/src/cta/Tip.tsx index 5767b5008..f05b72fe9 100644 --- a/packages/taler-wallet-webextension/src/cta/Tip.tsx +++ b/packages/taler-wallet-webextension/src/cta/Tip.tsx @@ -29,6 +29,7 @@ import { import { h, VNode } from "preact"; import { useEffect, useState } from "preact/hooks"; import { Loading } from "../components/Loading"; +import { Title } from "../components/styled"; import { useTranslationContext } from "../context/translation"; import * as wxApi from "../wxApi"; @@ -48,7 +49,7 @@ export function View({ const { i18n } = useTranslationContext(); return ( <section class="main"> - <h1>GNU Taler Wallet</h1> + <Title>GNU Taler Wallet</Title> <article class="fade"> {prepareTipResult.accepted ? ( <span> diff --git a/packages/taler-wallet-webextension/src/cta/Withdraw.tsx b/packages/taler-wallet-webextension/src/cta/Withdraw.tsx index bef33dce1..a5e52d258 100644 --- a/packages/taler-wallet-webextension/src/cta/Withdraw.tsx +++ b/packages/taler-wallet-webextension/src/cta/Withdraw.tsx @@ -39,6 +39,7 @@ import { ButtonSuccess, ButtonWarning, LinkSuccess, + SubTitle, WalletAction, } from "../components/styled"; import { useAsyncAsHook } from "../hooks/useAsyncAsHook"; @@ -118,9 +119,9 @@ export function View({ return ( <WalletAction> <LogoHeader /> - <h2> + <SubTitle> <i18n.Translate>Digital cash withdrawal</i18n.Translate> - </h2> + </SubTitle> {withdrawError && ( <ErrorTalerOperation |