aboutsummaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/wallet/Welcome.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/Welcome.tsx')
-rw-r--r--packages/taler-wallet-webextension/src/wallet/Welcome.tsx28
1 files changed, 19 insertions, 9 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/Welcome.tsx b/packages/taler-wallet-webextension/src/wallet/Welcome.tsx
index b243eaa1c..1893c4161 100644
--- a/packages/taler-wallet-webextension/src/wallet/Welcome.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Welcome.tsx
@@ -24,18 +24,27 @@ 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 { useTranslationContext } from "@gnu-taler/web-util/lib/index.browser";
import { useDiagnostics } from "../hooks/useDiagnostics.js";
-import { useAutoOpenPermissions } from "../hooks/useAutoOpenPermissions.js";
+import { useSettings } from "../hooks/useSettings.js";
import { ToggleHandler } from "../mui/handlers.js";
import { platform } from "../platform/foreground.js";
+import { useAlertContext } from "../context/alert.js";
export function WelcomePage(): VNode {
- const permissionToggle = useAutoOpenPermissions();
+ const [settings, updateSettings] = useSettings();
+ const { safely } = useAlertContext();
const [diagnostics, timedOut] = useDiagnostics();
return (
<View
- permissionToggle={permissionToggle}
+ permissionToggle={{
+ value: settings.injectTalerSupport,
+ button: {
+ onClick: safely("update support injection", async () =>
+ updateSettings("injectTalerSupport", !settings.injectTalerSupport),
+ ),
+ },
+ }}
diagnostics={diagnostics}
timedOut={timedOut}
/>
@@ -88,15 +97,16 @@ export function View({
</Fragment>
)}
<SubTitle>
- <i18n.Translate>Permissions</i18n.Translate>
+ <i18n.Translate>Navigator</i18n.Translate>
</SubTitle>
<Checkbox
- label={i18n.str`Automatically open wallet based on page content`}
- name="perm"
+ label={i18n.str`Automatically inject Taler API in all pages`}
+ name="inject"
description={
<i18n.Translate>
- (Enabling this option below will make using the wallet faster, but
- requires more permissions from your browser.)
+ Disabling this option will make some web application not able to
+ trigger the wallet when clicking links but you will be able to
+ open the wallet using the keyboard shortcut
</i18n.Translate>
}
enabled={permissionToggle.value!}