diff options
author | Sebastian <sebasjm@gmail.com> | 2021-10-26 12:08:03 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-10-26 12:08:08 -0300 |
commit | 21b60c8f6ff69bf114779a767a3ac3355f69a34f (patch) | |
tree | c548dd7601b24d9dae4173d725656d35ce4bc26e /packages/anastasis-webui/src/pages/home/ChallengePayingScreen.tsx | |
parent | 835ac85a28dc11b5d7f5cff041ff7973d244e07e (diff) | |
download | wallet-core-21b60c8f6ff69bf114779a767a3ac3355f69a34f.tar.xz |
added core validators, worked on look and feel
Diffstat (limited to 'packages/anastasis-webui/src/pages/home/ChallengePayingScreen.tsx')
-rw-r--r-- | packages/anastasis-webui/src/pages/home/ChallengePayingScreen.tsx | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/packages/anastasis-webui/src/pages/home/ChallengePayingScreen.tsx b/packages/anastasis-webui/src/pages/home/ChallengePayingScreen.tsx new file mode 100644 index 000000000..d87afdf46 --- /dev/null +++ b/packages/anastasis-webui/src/pages/home/ChallengePayingScreen.tsx @@ -0,0 +1,33 @@ +import { h, VNode } from "preact"; +import { useAnastasisContext } from "../../context/anastasis"; +import { AnastasisClientFrame } from "./index"; + +export function ChallengePayingScreen(): VNode { + const reducer = useAnastasisContext() + if (!reducer) { + return <div>no reducer in context</div> + } + if (!reducer.currentReducerState || reducer.currentReducerState.recovery_state === undefined) { + return <div>invalid state</div> + } + const payments = ['']; //reducer.currentReducerState.payments ?? + return ( + <AnastasisClientFrame + hideNext + title="Recovery: Challenge Paying" + > + <p> + Some of the providers require a payment to store the encrypted + authentication information. + </p> + <ul> + {payments.map((x, i) => { + return <li key={i}>{x}</li>; + })} + </ul> + <button onClick={() => reducer.transition("pay", {})}> + Check payment status now + </button> + </AnastasisClientFrame> + ); +} |