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/Welcome.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/Welcome.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/Welcome.tsx | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/Welcome.tsx b/packages/taler-wallet-webextension/src/wallet/Welcome.tsx index 36b4b13fc..1c068cfa3 100644 --- a/packages/taler-wallet-webextension/src/wallet/Welcome.tsx +++ b/packages/taler-wallet-webextension/src/wallet/Welcome.tsx @@ -24,6 +24,7 @@ import { WalletDiagnostics } from "@gnu-taler/taler-util"; import { Fragment, h, VNode } from "preact"; import { Checkbox } from "../components/Checkbox"; import { Diagnostics } from "../components/Diagnostics"; +import { SubTitle, Title } from "../components/styled"; import { useTranslationContext } from "../context/translation"; import { useDiagnostics } from "../hooks/useDiagnostics"; import { useExtendedPermissions } from "../hooks/useExtendedPermissions"; @@ -56,16 +57,16 @@ export function View({ const { i18n } = useTranslationContext(); return ( <Fragment> - <h1> + <Title> <i18n.Translate>Browser Extension Installed!</i18n.Translate> - </h1> + </Title> <div> <p> <i18n.Translate>Thank you for installing the wallet.</i18n.Translate> </p> - <h2> + <SubTitle> <i18n.Translate>Permissions</i18n.Translate> - </h2> + </SubTitle> <Checkbox label={ <i18n.Translate> @@ -82,9 +83,9 @@ export function View({ enabled={permissionsEnabled} onToggle={togglePermissions} /> - <h2> + <SubTitle> <i18n.Translate>Next Steps</i18n.Translate> - </h2> + </SubTitle> <a href="https://demo.taler.net/" style={{ display: "block" }}> <i18n.Translate>Try the demo</i18n.Translate> ยป </a> |