taler-typescript-core

commit e369f26ec57c5571af81c534b378035a3e41919c
parent 8481aadfd9f413620a5d16bc1e3144e1126e4839
Author: Florian Dold <florian@dold.me>
Date:   Mon,  8 Nov 2021 20:19:56 +0100

anastasis-webui: some text changes

Diffstat:
M
packages/anastasis-core/src/reducer-types.ts
 | 
5
+++++
M
packages/anastasis-webui/src/pages/home/AuthenticationEditorScreen.tsx
 | 
12
++++++------
M
packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx
 | 
36
++++++++++++++++++------------------

3 files changed, 29 insertions(+), 24 deletions(-)
diff --git a/packages/anastasis-core/src/reducer-types.ts b/packages/anastasis-core/src/reducer-types.ts
@@ -50,6 +50,11 @@ export interface SuccessDetails {
 export interface CoreSecret {
   mime: string;
   value: string;
+  /**
+   * Filename, only set if the secret comes from
+   * a file.  Should be set unless the mime type is "text/plain";
+   */
+  filename?: string;
 }
 
 export interface ReducerStateBackup {
diff --git a/packages/anastasis-webui/src/pages/home/AuthenticationEditorScreen.tsx b/packages/anastasis-webui/src/pages/home/AuthenticationEditorScreen.tsx
@@ -86,7 +86,7 @@ export function AuthenticationEditorScreen(): VNode {
             active
             onCancel={cancel}
             description="No providers founds"
-            label="Add a provider manually"
+            label="Add a provider manually (not implemented!)"
             onConfirm={() => {
               null;
             }}
@@ -179,7 +179,7 @@ export function AuthenticationEditorScreen(): VNode {
               active={!noProvidersAck}
               onCancel={() => setNoProvidersAck(true)}
               description="No providers founds"
-              label="Add a provider manually"
+              label="Add a provider manually (not implemented!)"
               onConfirm={() => {
                 null;
               }}
@@ -197,15 +197,15 @@ export function AuthenticationEditorScreen(): VNode {
         </div>
         <div class="column">
           <p class="block">
-            When recovering your wallet, you will be asked to verify your
+            When recovering your secret data, you will be asked to verify your
             identity via the methods you configure here. The list of
             authentication method is defined by the backup provider list.
           </p>
-          <p class="block">
+          {/* <p class="block">
             <button class="button is-info">
-              Manage the backup provider's list
+              Manage backup providers
             </button>
-          </p>
+          </p> */}
           {authAvailableSet.size > 0 && (
             <p class="block">
               We couldn't find provider for some of the authentication methods.
diff --git a/packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx b/packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx
@@ -3,27 +3,29 @@ import { encodeCrock, stringToBytes } from "@gnu-taler/taler-util";
 import { h, VNode } from "preact";
 import { useState } from "preact/hooks";
 import { useAnastasisContext } from "../../context/anastasis";
-import {
-  AnastasisClientFrame
-} from "./index";
+import { AnastasisClientFrame } from "./index";
 import { TextInput } from "../../components/fields/TextInput";
 import { FileInput } from "../../components/fields/FileInput";
 
 export function SecretEditorScreen(): VNode {
-  const reducer = useAnastasisContext()
+  const reducer = useAnastasisContext();
   const [secretValue, setSecretValue] = useState("");
 
-  const currentSecretName = reducer?.currentReducerState
-    && ("secret_name" in reducer.currentReducerState)
-    && reducer.currentReducerState.secret_name;
+  const currentSecretName =
+    reducer?.currentReducerState &&
+    "secret_name" in reducer.currentReducerState &&
+    reducer.currentReducerState.secret_name;
 
   const [secretName, setSecretName] = useState(currentSecretName || "");
 
   if (!reducer) {
-    return <div>no reducer in context</div>
+    return <div>no reducer in context</div>;
   }
-  if (!reducer.currentReducerState || reducer.currentReducerState.backup_state === undefined) {
-    return <div>invalid state</div>
+  if (
+    !reducer.currentReducerState ||
+    reducer.currentReducerState.backup_state === undefined
+  ) {
+    return <div>invalid state</div>;
   }
 
   const secretNext = async (): Promise<void> => {
@@ -50,7 +52,8 @@ export function SecretEditorScreen(): VNode {
     >
       <div>
         <TextInput
-          label="Secret's name:"
+          label="Secret name:"
+          tooltip="The secret name allows you to identify your secret when restoring it. It is a label that you can choose freely."
           grabFocus
           bind={[secretName, setSecretName]}
         />
@@ -60,14 +63,11 @@ export function SecretEditorScreen(): VNode {
           label="Enter the secret as text:"
           bind={[secretValue, setSecretValue]}
         />
-        <div style={{display:'flex',}}>
-          or&nbsp; 
-          <FileInput
-            label="click here"
-            bind={[secretValue, setSecretValue]}
-          />
+        {/* <div style={{ display: "flex" }}>
+          or&nbsp;
+          <FileInput label="click here" bind={[secretValue, setSecretValue]} />
           &nbsp;to import a file
-        </div>
+        </div> */}
       </div>
     </AnastasisClientFrame>
   );