88d142d209
added placeholders for inputs import declaration for png next button now has tooltip providing info about whats missing a lot more of examples for UI testing added qr dependency for totp rendering added email and field input types added all auth method setup screens added modal when there is not auth provider merge continent and country into location section others improvements as well...
34 lines
987 B
TypeScript
34 lines
987 B
TypeScript
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
|
|
hideNav
|
|
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>
|
|
);
|
|
}
|