diff options
author | Sebastian <sebasjm@gmail.com> | 2021-08-23 16:51:49 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-08-23 16:52:33 -0300 |
commit | 67e511d719cbc3e7f2b391a8d6914406caa2fb24 (patch) | |
tree | 0dc25e6c26ba0acc4c2aa217e1d30bfb1112268d /packages/taler-wallet-webextension/src/components/EditableText.tsx | |
parent | 39cbad89bbed61487a973e4df92084da1b0dc728 (diff) | |
download | wallet-core-67e511d719cbc3e7f2b391a8d6914406caa2fb24.tar.xz |
updated build fast for web
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/EditableText.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/EditableText.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/taler-wallet-webextension/src/components/EditableText.tsx b/packages/taler-wallet-webextension/src/components/EditableText.tsx index 82983d13a..6f3388bf9 100644 --- a/packages/taler-wallet-webextension/src/components/EditableText.tsx +++ b/packages/taler-wallet-webextension/src/components/EditableText.tsx @@ -14,7 +14,7 @@ GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/> */ -import { VNode } from "preact"; +import { h } from "preact"; import { useRef, useState } from "preact/hooks"; import { JSX } from "preact/jsx-runtime"; @@ -27,7 +27,7 @@ interface Props { } export function EditableText({ name, value, onChange, label, description }: Props): JSX.Element { const [editing, setEditing] = useState(false) - const ref = useRef<HTMLInputElement>() + const ref = useRef<HTMLInputElement>(null) let InputText; if (!editing) { InputText = () => <div style={{ display: 'flex', justifyContent: 'space-between' }}> @@ -42,7 +42,7 @@ export function EditableText({ name, value, onChange, label, description }: Prop type="text" id={`text-${name}`} /> - <button onClick={() => { onChange(ref.current.value).then(r => setEditing(false)) }}>confirm</button> + <button onClick={() => { if (ref.current) onChange(ref.current.value).then(r => setEditing(false)) }}>confirm</button> </div> } return ( |