diff options
author | Sebastian <sebasjm@gmail.com> | 2021-10-19 10:56:52 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-10-19 11:05:32 -0300 |
commit | 5883d42d800c7b444c59d626bcaa5abca7dc83d0 (patch) | |
tree | ac42ad7b9e26c4dd2145a31101305884906a543e /packages/anastasis-webui/src/pages/home/SolveQuestionEntry.tsx | |
parent | 269022a526b670d602ca146f4df02850983bb72e (diff) | |
download | wallet-core-5883d42d800c7b444c59d626bcaa5abca7dc83d0.tar.gz wallet-core-5883d42d800c7b444c59d626bcaa5abca7dc83d0.tar.bz2 wallet-core-5883d42d800c7b444c59d626bcaa5abca7dc83d0.zip |
add template from merchant backoffice
Diffstat (limited to 'packages/anastasis-webui/src/pages/home/SolveQuestionEntry.tsx')
-rw-r--r-- | packages/anastasis-webui/src/pages/home/SolveQuestionEntry.tsx | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/packages/anastasis-webui/src/pages/home/SolveQuestionEntry.tsx b/packages/anastasis-webui/src/pages/home/SolveQuestionEntry.tsx new file mode 100644 index 000000000..6393958b3 --- /dev/null +++ b/packages/anastasis-webui/src/pages/home/SolveQuestionEntry.tsx @@ -0,0 +1,22 @@ +import { h, VNode } from "preact"; +import { useState } from "preact/hooks"; +import { AnastasisClientFrame, LabeledInput } from "./index"; +import { SolveEntryProps } from "./SolveScreen"; + +export function SolveQuestionEntry(props: SolveEntryProps): VNode { + const [answer, setAnswer] = useState(""); + const { reducer, challenge, feedback } = props; + const next = (): void => reducer.transition("solve_challenge", { + answer, + }); + return ( + <AnastasisClientFrame + title="Recovery: Solve challenge" + onNext={() => next()} + > + <p>Feedback: {JSON.stringify(feedback)}</p> + <p>Question: {challenge.instructions}</p> + <LabeledInput label="Answer" grabFocus bind={[answer, setAnswer]} /> + </AnastasisClientFrame> + ); +} |