/* This file is part of GNU Taler (C) 2019 Taler Systems SA GNU Taler is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3, or (at your option) any later version. GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with GNU Taler; see the file COPYING. If not, see */ /** * Welcome page, shown on first installs. * * @author sebasjm */ import { WalletDiagnostics } from "@gnu-taler/taler-util"; import { Fragment, h, VNode } from "preact"; import { Checkbox } from "../components/Checkbox.js"; import { SubTitle, Title } from "../components/styled/index.js"; import { useTranslationContext } from "../context/translation.js"; import { useDiagnostics } from "../hooks/useDiagnostics.js"; import { useExtendedPermissions } from "../hooks/useExtendedPermissions.js"; import { ToggleHandler } from "../mui/handlers.js"; import { platform } from "../platform/api.js"; export function WelcomePage(): VNode { const permissionToggle = useExtendedPermissions(); const [diagnostics, timedOut] = useDiagnostics(); return ( ); } export interface ViewProps { permissionToggle: ToggleHandler; diagnostics: WalletDiagnostics | undefined; timedOut: boolean; } export function View({ permissionToggle, diagnostics, timedOut, }: ViewProps): VNode { const { i18n } = useTranslationContext(); return ( <i18n.Translate>Browser Extension Installed!</i18n.Translate>

You can open the GNU Taler Wallet using the combination{" "}

<ALT+W>
.

{!platform.isFirefox() && (

Also pinning the GNU Taler Wallet to your Chrome browser allows you to quick access without keyboard:

  1. Click the puzzle icon
  2. Search for GNU Taler Wallet
  3. Click the pin icon
)} Permissions Automatically open wallet based on page content } name="perm" description={ (Enabling this option below will make using the wallet faster, but requires more permissions from your browser.) } enabled={permissionToggle.value!} onToggle={permissionToggle.button.onClick!} /> Next Steps Try the demo » Learn how to top up your wallet balance {" "} »
); }