diff options
author | Sebastian <sebasjm@gmail.com> | 2021-11-11 13:22:14 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-11-11 13:22:20 -0300 |
commit | 4a83e9639d59d4a3116d17d8633ea0d8c69aaa62 (patch) | |
tree | 1f14196c392be1224f76d496c68ebd74176e433d /packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx | |
parent | 0ac7433ea7fa952c46062daef1c3de535d92b7f3 (diff) | |
download | wallet-core-4a83e9639d59d4a3116d17d8633ea0d8c69aaa62.tar.xz |
changes from feedback
better backup and recovery ending screen
async button on modal and solve challenges
use providers name when possible
Diffstat (limited to 'packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx')
-rw-r--r-- | packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx | 26 |
1 files changed, 22 insertions, 4 deletions
diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx index 8ee4d600a..67049df12 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx @@ -11,6 +11,7 @@ import { AuthMethodSolveProps } from "./index"; export function AuthMethodSmsSolve({ id }: AuthMethodSolveProps): VNode { const [answer, setAnswer] = useState(""); + const [expanded, setExpanded] = useState(false) const reducer = useAnastasisContext(); if (!reducer) { return ( @@ -86,13 +87,30 @@ export function AuthMethodSmsSolve({ id }: AuthMethodSolveProps): VNode { feedback?.state === ChallengeFeedbackStatus.TruthUnknown; return ( - <AnastasisClientFrame hideNav title="Add email authentication"> + <AnastasisClientFrame hideNav title="SMS Challenge"> <SolveOverviewFeedbackDisplay feedback={feedback} /> <p> - An sms has been sent to "<b>{selectedChallenge.instructions}</b>". Type - the code below + An sms has been sent to "<b>{selectedChallenge.instructions}</b>". The + message has and identification code and recovery code that starts with "<b>A-</b>". + Wait the message to arrive and the enter the recovery code below. </p> - <TextInput label="Answer" grabFocus bind={[answer, setAnswer]} /> + {!expanded ? <p> + The identification code in the SMS should start with "{selectedUuid.substring(0, 10)}" + <span class="icon has-tooltip-top" data-tooltip="click to expand" onClick={() => setExpanded(e => !e)}> + <i class="mdi mdi-information" /> + </span> + </p> + : <p> + The identification code in the SMS is "{selectedUuid}" + <span class="icon has-tooltip-top" data-tooltip="click to show less code" onClick={() => setExpanded(e => !e)}> + <i class="mdi mdi-information" /> + </span> + </p>} + <TextInput label="Answer" + grabFocus + bind={[answer, setAnswer]} + placeholder="A-1234567812345678" + /> <div style={{ |