diff options
author | Sebastian <sebasjm@gmail.com> | 2021-11-04 15:17:57 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-11-04 15:18:34 -0300 |
commit | ae0a35df2b2934c517954d2a73af4cc6e1734e30 (patch) | |
tree | 973b8525a6e7641048a7e31451c7a9cf3274726e /packages/anastasis-webui/src/pages/home/SecretSelectionScreen.tsx | |
parent | 5c6f38091068d67f88edda1d776e3c5f86c1a94e (diff) | |
download | wallet-core-ae0a35df2b2934c517954d2a73af4cc6e1734e30.tar.xz |
async, onInput, and some fixes
Diffstat (limited to 'packages/anastasis-webui/src/pages/home/SecretSelectionScreen.tsx')
-rw-r--r-- | packages/anastasis-webui/src/pages/home/SecretSelectionScreen.tsx | 71 |
1 files changed, 38 insertions, 33 deletions
diff --git a/packages/anastasis-webui/src/pages/home/SecretSelectionScreen.tsx b/packages/anastasis-webui/src/pages/home/SecretSelectionScreen.tsx index d0b83bda5..e1aeb3939 100644 --- a/packages/anastasis-webui/src/pages/home/SecretSelectionScreen.tsx +++ b/packages/anastasis-webui/src/pages/home/SecretSelectionScreen.tsx @@ -97,39 +97,44 @@ export function SecretSelectionScreen(): VNode { } return ( <AnastasisClientFrame title="Recovery: Select secret"> - <p>Secret found, you can select another version or continue to the challenges solving</p> - <table class="table"> - <tr> - <td> - <b>Provider</b> - <span class="icon has-tooltip-right" data-tooltip="Service provider backing up your secret"> - <i class="mdi mdi-information" /> - </span> - </td> - <td>{recoveryDocument.provider_url}</td> - <td><a onClick={() => setSelectingVersion(true)}>use another provider</a></td> - </tr> - <tr> - <td> - <b>Secret version</b> - <span class="icon has-tooltip-right" data-tooltip="Secret version to be recovered"> - <i class="mdi mdi-information" /> - </span> - </td> - <td>{recoveryDocument.version}</td> - <td><a onClick={() => setSelectingVersion(true)}>use another version</a></td> - </tr> - <tr> - <td> - <b>Secret name</b> - <span class="icon has-tooltip-right" data-tooltip="Secret identifier"> - <i class="mdi mdi-information" /> - </span> - </td> - <td>{recoveryDocument.secret_name}</td> - <td> </td> - </tr> - </table> + <div class="columns"> + <div class="column is-half"> + <div class="box"> + <h1 class="subtitle">{recoveryDocument.provider_url}</h1> + <table class="table"> + <tr> + <td> + <b>Secret version</b> + <span class="icon has-tooltip-right" data-tooltip="Secret version to be recovered"> + <i class="mdi mdi-information" /> + </span> + </td> + <td>{recoveryDocument.version}</td> + <td><a onClick={() => setSelectingVersion(true)}>use another version</a></td> + </tr> + <tr> + <td> + <b>Secret name</b> + <span class="icon has-tooltip-right" data-tooltip="Secret identifier"> + <i class="mdi mdi-information" /> + </span> + </td> + <td>{recoveryDocument.secret_name}</td> + <td> </td> + </tr> + </table> + <div class="buttons is-right"> + <button class="button" disabled onClick={() => reducer.reset()}>Use this provider</button> + </div> + </div> + <div class="buttons is-right"> + <button class="button" disabled onClick={() => reducer.reset()}>Change provider</button> + </div> + </div> + <div class="column is-two-third"> + <p>Secret found, you can select another version or continue to the challenges solving</p> + </div> + </div> </AnastasisClientFrame> ); } |