diff options
author | Sebastian <sebasjm@gmail.com> | 2022-04-27 14:33:52 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-04-27 14:33:52 -0300 |
commit | 451dd746daeb57cfe0a601d1bf1f2b5506a5fc3c (patch) | |
tree | 975b98de7c3d28f62e05396a01129c69efbeb66b /packages/taler-wallet-webextension/src/wallet/Welcome.tsx | |
parent | 0b8e0a0806947472181b13a3c0dda9947a326b28 (diff) | |
download | wallet-core-451dd746daeb57cfe0a601d1bf1f2b5506a5fc3c.tar.xz |
toggle permission
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/Welcome.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/Welcome.tsx | 16 |
1 files changed, 7 insertions, 9 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/Welcome.tsx b/packages/taler-wallet-webextension/src/wallet/Welcome.tsx index 58023a203..38bcf800d 100644 --- a/packages/taler-wallet-webextension/src/wallet/Welcome.tsx +++ b/packages/taler-wallet-webextension/src/wallet/Welcome.tsx @@ -27,15 +27,15 @@ 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 [permissionsEnabled, togglePermissions] = useExtendedPermissions(); + const permissionToggle = useExtendedPermissions(); const [diagnostics, timedOut] = useDiagnostics(); return ( <View - permissionsEnabled={permissionsEnabled} - togglePermissions={togglePermissions} + permissionToggle={permissionToggle} diagnostics={diagnostics} timedOut={timedOut} /> @@ -43,14 +43,12 @@ export function WelcomePage(): VNode { } export interface ViewProps { - permissionsEnabled: boolean; - togglePermissions: () => void; + permissionToggle: ToggleHandler; diagnostics: WalletDiagnostics | undefined; timedOut: boolean; } export function View({ - permissionsEnabled, - togglePermissions, + permissionToggle, diagnostics, timedOut, }: ViewProps): VNode { @@ -105,8 +103,8 @@ export function View({ requires more permissions from your browser.) </i18n.Translate> } - enabled={permissionsEnabled} - onToggle={togglePermissions} + enabled={permissionToggle.value!} + onToggle={permissionToggle.button.onClick!} /> <SubTitle> <i18n.Translate>Next Steps</i18n.Translate> |