summaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/components
diff options
context:
space:
mode:
authorSebastian <sebasjm@gmail.com>2022-05-04 16:25:53 -0300
committerSebastian <sebasjm@gmail.com>2022-05-04 16:26:53 -0300
commit7a2fe8018faa4666ff681072682f16f8fb1bfc13 (patch)
treed82afd97a4748f64a794475db60df58b1baec776 /packages/taler-wallet-webextension/src/components
parent4491118494c332c9ce0a0c4533804744d63701f2 (diff)
downloadwallet-core-7a2fe8018faa4666ff681072682f16f8fb1bfc13.tar.gz
wallet-core-7a2fe8018faa4666ff681072682f16f8fb1bfc13.tar.bz2
wallet-core-7a2fe8018faa4666ff681072682f16f8fb1bfc13.zip
add age restriction option to withdraw cta
Diffstat (limited to 'packages/taler-wallet-webextension/src/components')
-rw-r--r--packages/taler-wallet-webextension/src/components/Checkbox.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/components/SelectList.tsx7
2 files changed, 7 insertions, 4 deletions
diff --git a/packages/taler-wallet-webextension/src/components/Checkbox.tsx b/packages/taler-wallet-webextension/src/components/Checkbox.tsx
index 0eb087b07..2e14f3367 100644
--- a/packages/taler-wallet-webextension/src/components/Checkbox.tsx
+++ b/packages/taler-wallet-webextension/src/components/Checkbox.tsx
@@ -17,8 +17,8 @@
import { h, VNode } from "preact";
interface Props {
- enabled: boolean;
- onToggle: () => void;
+ enabled?: boolean;
+ onToggle?: () => void;
label: VNode;
name: string;
description?: VNode;
diff --git a/packages/taler-wallet-webextension/src/components/SelectList.tsx b/packages/taler-wallet-webextension/src/components/SelectList.tsx
index aa17d82b8..9271240f0 100644
--- a/packages/taler-wallet-webextension/src/components/SelectList.tsx
+++ b/packages/taler-wallet-webextension/src/components/SelectList.tsx
@@ -20,7 +20,7 @@ import { NiceSelect } from "./styled/index.js";
interface Props {
value?: string;
- onChange: (s: string) => void;
+ onChange?: (s: string) => void;
label: VNode;
list: {
[label: string]: string;
@@ -28,6 +28,7 @@ interface Props {
name: string;
description?: string;
canBeNull?: boolean;
+ maxWidth?: boolean;
}
export function SelectList({
@@ -36,6 +37,7 @@ export function SelectList({
list,
onChange,
label,
+ maxWidth,
description,
canBeNull,
}: Props): VNode {
@@ -53,8 +55,9 @@ export function SelectList({
<select
name={name}
value={value}
+ style={maxWidth ? { width: "100%" } : undefined}
onChange={(e) => {
- onChange(e.currentTarget.value);
+ if (onChange) onChange(e.currentTarget.value);
}}
>
{value === undefined ||