From e369f26ec57c5571af81c534b378035a3e41919c Mon Sep 17 00:00:00 2001
From: Florian Dold <florian@dold.me>
Date: Mon, 8 Nov 2021 20:19:56 +0100
Subject: [PATCH] anastasis-webui: some text changes

---
 packages/anastasis-core/src/reducer-types.ts  |  5 +++
 .../pages/home/AuthenticationEditorScreen.tsx | 12 +++----
 .../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
index 0f64be4eb..51b0045a0 100644
--- 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
index e06dbfedd..0bc735f34 100644
--- 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
index 1b36a1b21..59af8a9ee 100644
--- 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>
   );