aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--packages/anastasis-core/src/reducer-types.ts5
-rw-r--r--packages/anastasis-webui/src/pages/home/AuthenticationEditorScreen.tsx12
-rw-r--r--packages/anastasis-webui/src/pages/home/SecretEditorScreen.tsx36
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>
);