diff options
author | Sebastian <sebasjm@gmail.com> | 2022-05-04 16:25:53 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-05-04 16:26:53 -0300 |
commit | 7a2fe8018faa4666ff681072682f16f8fb1bfc13 (patch) | |
tree | d82afd97a4748f64a794475db60df58b1baec776 /packages/taler-wallet-webextension/src/components | |
parent | 4491118494c332c9ce0a0c4533804744d63701f2 (diff) | |
download | wallet-core-7a2fe8018faa4666ff681072682f16f8fb1bfc13.tar.xz |
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.tsx | 4 | ||||
-rw-r--r-- | packages/taler-wallet-webextension/src/components/SelectList.tsx | 7 |
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 || |