diff options
author | Sebastian <sebasjm@gmail.com> | 2021-11-12 13:12:27 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-11-12 13:12:27 -0300 |
commit | 38b84bb8051db2f03b152d66c34a1cb4c8944a12 (patch) | |
tree | 1e7a23bacb5287a53da51f93faee8667292c56ee /packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx | |
parent | 377e78e8543b67c22798479fcf2d2f8d1dae5b28 (diff) | |
download | wallet-core-38b84bb8051db2f03b152d66c34a1cb4c8944a12.tar.xz |
fix #7059
Diffstat (limited to 'packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx')
-rw-r--r-- | packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx | 47 |
1 files changed, 31 insertions, 16 deletions
diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx index 67049df12..218e8c858 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.tsx @@ -11,7 +11,7 @@ import { AuthMethodSolveProps } from "./index"; export function AuthMethodSmsSolve({ id }: AuthMethodSolveProps): VNode { const [answer, setAnswer] = useState(""); - const [expanded, setExpanded] = useState(false) + const [expanded, setExpanded] = useState(false); const reducer = useAnastasisContext(); if (!reducer) { return ( @@ -91,23 +91,38 @@ export function AuthMethodSmsSolve({ id }: AuthMethodSolveProps): VNode { <SolveOverviewFeedbackDisplay feedback={feedback} /> <p> 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. + 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> - {!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" + {!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 + onConfirm={onNext} bind={[answer, setAnswer]} placeholder="A-1234567812345678" /> |