diff options
author | Sebastian <sebasjm@gmail.com> | 2021-11-04 15:17:57 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-11-04 15:18:34 -0300 |
commit | ae0a35df2b2934c517954d2a73af4cc6e1734e30 (patch) | |
tree | 973b8525a6e7641048a7e31451c7a9cf3274726e /packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx | |
parent | 5c6f38091068d67f88edda1d776e3c5f86c1a94e (diff) | |
download | wallet-core-ae0a35df2b2934c517954d2a73af4cc6e1734e30.tar.xz |
async, onInput, and some fixes
Diffstat (limited to 'packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx')
-rw-r--r-- | packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx | 31 |
1 files changed, 18 insertions, 13 deletions
diff --git a/packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx b/packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx index 915465c3f..1b36a1b21 100644 --- a/packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx +++ b/packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx @@ -4,7 +4,8 @@ import { h, VNode } from "preact"; import { useState } from "preact/hooks"; import { useAnastasisContext } from "../../context/anastasis"; import { - AnastasisClientFrame} from "./index"; + AnastasisClientFrame +} from "./index"; import { TextInput } from "../../components/fields/TextInput"; import { FileInput } from "../../components/fields/FileInput"; @@ -12,12 +13,12 @@ export function SecretEditorScreen(): VNode { const reducer = useAnastasisContext() const [secretValue, setSecretValue] = useState(""); - const currentSecretName = reducer?.currentReducerState - && ("secret_name" in reducer.currentReducerState) + const currentSecretName = reducer?.currentReducerState + && ("secret_name" in reducer.currentReducerState) && reducer.currentReducerState.secret_name; const [secretName, setSecretName] = useState(currentSecretName || ""); - + if (!reducer) { return <div>no reducer in context</div> } @@ -25,8 +26,8 @@ export function SecretEditorScreen(): VNode { return <div>invalid state</div> } - const secretNext = (): void => { - reducer.runTransaction(async (tx) => { + const secretNext = async (): Promise<void> => { + return reducer.runTransaction(async (tx) => { await tx.transition("enter_secret_name", { name: secretName, }); @@ -44,25 +45,29 @@ export function SecretEditorScreen(): VNode { }; return ( <AnastasisClientFrame - title="Backup: Provide secret" + title="Backup: Provide secret to backup" onNext={() => secretNext()} > <div> <TextInput - label="Secret Name:" + label="Secret's name:" grabFocus bind={[secretName, setSecretName]} /> </div> <div> <TextInput - label="Secret Value:" - bind={[secretValue, setSecretValue]} - /> or import a file - <FileInput - label="Open file from your device" + label="Enter the secret as text:" bind={[secretValue, setSecretValue]} /> + <div style={{display:'flex',}}> + or + <FileInput + label="click here" + bind={[secretValue, setSecretValue]} + /> + to import a file + </div> </div> </AnastasisClientFrame> ); |