add template from merchant backoffice

1 files changed, 23 insertions, 0 deletions

diff --git a/packages/anastasis-webui/src/pages/home/BackupFinishedScreen.tsx b/packages/anastasis-webui/src/pages/home/BackupFinishedScreen.tsx
new file mode 100644
index 000000000..6c2770947
--- /dev/null
+++ b/packages/anastasis-webui/src/pages/home/BackupFinishedScreen.tsx
@@ -0,0 +1,23 @@
+import { h, VNode } from "preact";
+import { BackupReducerProps, AnastasisClientFrame } from "./index";
+
+export function BackupFinishedScreen(props: BackupReducerProps): VNode {
+  return (<AnastasisClientFrame hideNext title="Backup finished">
+    <p>
+      Your backup of secret "{props.backupState.secret_name ?? "??"}" was
+      successful.
+    </p>
+    <p>The backup is stored by the following providers:</p>
+    <ul>
+      {Object.keys(props.backupState.success_details!).map((x, i) => {
+        const sd = props.backupState.success_details![x];
+        return (
+          <li key={i}>
+            {x} (Policy version {sd.policy_version})
+          </li>
+        );
+      })}
+    </ul>
+    <button onClick={() => props.reducer.reset()}>Back to start</button>
+  </AnastasisClientFrame>);
+}