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, - ) - } - /> - - -
- ))} -
-
-
- - )} - +

+ Manage Wallets +

{apiError ? ( <> @@ -552,6 +514,63 @@ )} )} + {savedWallets && savedWallets.length > 0 && ( + <> + + + +

{wallet.name}

+

Currently active

+
+
+ {savedWallets.map(sw => ( + + +

{sw.name}

+
+ + + + showPopulatedRenameWalletModal( + sw, + ) + } + /> + + showPopulatedDeleteWalletModal( + sw, + ) + } + /> + + +
+ ))} +
+
+
+ + )} + [ + + 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 +

+
@@ -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 +

+