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/wallet/ProviderAddPage.tsx | |
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/wallet/ProviderAddPage.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/ProviderAddPage.tsx | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/ProviderAddPage.tsx b/packages/taler-wallet-webextension/src/wallet/ProviderAddPage.tsx index 136521e6b..ae4ba7e1e 100644 --- a/packages/taler-wallet-webextension/src/wallet/ProviderAddPage.tsx +++ b/packages/taler-wallet-webextension/src/wallet/ProviderAddPage.tsx @@ -30,6 +30,8 @@ import { Input, LightText, SmallLightText, + SubTitle, + Title, } from "../components/styled"; import { useTranslationContext } from "../context/translation"; import { queryToSlashConfig } from "../utils/index"; @@ -115,9 +117,9 @@ export function SetUrlView({ return ( <Fragment> <section> - <h1> + <Title> <i18n.Translate>Add backup provider</i18n.Translate> - </h1> + </Title> {error && ( <ErrorMessage title={ @@ -196,9 +198,9 @@ export function ConfirmProviderView({ return ( <Fragment> <section> - <h1> + <Title> <i18n.Translate>Review terms of service</i18n.Translate> - </h1> + </Title> <div> <i18n.Translate>Provider URL</i18n.Translate>:{" "} <a href={url} target="_blank"> @@ -210,9 +212,9 @@ export function ConfirmProviderView({ Please review and accept this provider's terms of service </i18n.Translate> </SmallLightText> - <h2> + <SubTitle> 1. <i18n.Translate>Pricing</i18n.Translate> - </h2> + </SubTitle> <p> {Amounts.isZero(provider.annual_fee) ? ( <i18n.Translate>free of charge</i18n.Translate> @@ -222,9 +224,9 @@ export function ConfirmProviderView({ </i18n.Translate> )} </p> - <h2> + <SubTitle> 2. <i18n.Translate>Storage</i18n.Translate> - </h2> + </SubTitle> <p> <i18n.Translate> {provider.storage_limit_in_megabytes} megabytes of storage per year |