diff --git a/web/cashtab/src/components/Configure/Configure.js b/web/cashtab/src/components/Configure/Configure.js
--- a/web/cashtab/src/components/Configure/Configure.js
+++ b/web/cashtab/src/components/Configure/Configure.js
@@ -1,10 +1,11 @@
/* eslint-disable react-hooks/exhaustive-deps */
import React, { useState, useEffect } from 'react';
import styled from 'styled-components';
-import { Collapse, Form, Input, Modal, Spin } from 'antd';
+import { Collapse, Form, Input, Modal, Spin, Alert } from 'antd';
import {
PlusSquareOutlined,
WalletFilled,
+ WalletOutlined,
ImportOutlined,
CopyOutlined,
LockOutlined,
@@ -22,6 +23,15 @@
const { Panel } = Collapse;
+const SettingsLink = styled.a`
+ text-decoration: underline;
+ color: #ff8d00;
+ :visited {
+ text-decoration: underline;
+ color: #ff8d00;
+ }
+`;
+
const SWRow = styled.div`
border-radius: 3px;
padding: 10px 0;
@@ -420,16 +430,15 @@
)}
-
- Seed Phrase
+ Backup your wallet
-
- Your seed phrase can be used to restore your wallet in case
- the original instance of it is destroyed. We highly
- recommend always making a copy of your seed phrase and
- keeping it somewhere safe.
-
+
{wallet && wallet.mnemonic && (
@@ -441,57 +450,10 @@
)}
-
- {savedWallets && savedWallets.length > 0 && (
- <>
-
-
-
-
- {wallet.name}
- Currently active
-
-
- {savedWallets.map(sw => (
-
-
- {sw.name}
-
-
-
-
- showPopulatedRenameWalletModal(
- sw,
- )
- }
- />
-
- showPopulatedDeleteWalletModal(
- sw,
- )
- }
- />
-
- updateSavedWalletsOnLoad(
- sw,
- )
- }
- >
- Activate
-
-
-
- ))}
-
-
-
- >
- )}
-
+
+ Manage Wallets
+
{apiError ? (
<>
@@ -552,6 +514,63 @@
)}
>
)}
+ {savedWallets && savedWallets.length > 0 && (
+ <>
+
+
+
+ {wallet.name}
+ Currently active
+
+
+ {savedWallets.map(sw => (
+
+
+ {sw.name}
+
+
+
+
+ showPopulatedRenameWalletModal(
+ sw,
+ )
+ }
+ />
+
+ showPopulatedDeleteWalletModal(
+ sw,
+ )
+ }
+ />
+
+ updateSavedWalletsOnLoad(
+ sw,
+ )
+ }
+ >
+ Activate
+
+
+
+ ))}
+
+
+
+ >
+ )}
+ [
+
+ Documentation
+
+ ]
);
diff --git a/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap b/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
--- a/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
+++ b/web/cashtab/src/components/Configure/__tests__/__snapshots__/Configure.test.js.snap
@@ -38,7 +38,7 @@
className="ant-spin-container ant-spin-blur"
>
- Seed Phrase
+ Backup your wallet
-
- Your seed phrase can be used to restore your wallet in case the original instance of it is destroyed. We highly recommend always making a copy of your seed phrase and keeping it somewhere safe.
-
+
+
+
+
+
+
+
+
+
+
+ Your seed phrase is the only way to restore your wallet. Write it down. Keep it safe.
+
+
+
+
+
+
+
+
+
+ Manage Wallets
+
Import Wallet
+
+ [
+
+ Documentation
+
+ ]
@@ -202,7 +280,7 @@
className="ant-spin-container ant-spin-blur"
>
- Seed Phrase
+ Backup your wallet
-
- Your seed phrase can be used to restore your wallet in case the original instance of it is destroyed. We highly recommend always making a copy of your seed phrase and keeping it somewhere safe.
-
+
+
+
+
+
+
+
+
+
+ Your seed phrase is the only way to restore your wallet. Write it down. Keep it safe.
+
+
+
+
+
+
+
+
+
+
+ Manage Wallets
+
Import Wallet
+
+ [
+
+ Documentation
+
+ ]