implement ledger recovery keys screen

[diracdeltas]

for advanced users who want to backup their ledger recovery keys

@bradleyrichter has mockups for this

[bradleyrichter]

This functionality will now be accessed though a new Settings button at the top of the Payments UI:

The payments settings window shows 2 buttons at the bottom:

Clicking "Backup your wallet" opens this child window:

Clicking "Print keys" sends the keys text file to the printer dialog:

Clicking "Save recovery file" opens the save sheet/dialog with the file name preset.

(text file contents)

Brave Wallet Recovery Keys
Date created: 08/12/16

Recovery Key 1: e0c455d3-8b8a-40da-9358-2c38ce380b80
Recovery Key 2: 73de0bee-31f3-40e9-9a01-0f27958d925a

Note: These keys are not stored on Brave servers. These keys are your only method of recovering your Brave wallet. Save these keys in a safe place, separate from your brave browser.

When the "Recover your wallet" button is pressed, the Recover child window opens:

Clicking "Recover" starts the recovery process and provides status:

If the recovery is successful, a message is shown with the amount of the transfer:

If the recovery fails, the status messages changes to reflect the issue:

[alexwykoff]

Please make sure to document the recovery process as part of the steps for QA. Thanks!

[ayumi]

We talked about this and decided having plain text you can copy/paste(/take a screenshot of) would be suitable for the first iteration.

[diracdeltas]

imo the 'Save' button should be replaced with a 'Show codes' button. as an advanced user, i don't have a printer or want to save the file to disk, i just want to see the code so i can copy/paste it somewhere safe.

[diracdeltas]

@bradleyrichter why is this in the 'Advanced' panel instead of the Payments panel?

[bradleyrichter]

@diracdeltas It was there because didn't have this new and improved Payments-specific settings dialog:

(includes "later" features so please ignore those for now)

[mrose17]

@jkup - i have the wallet recovery implemented in the server. i will provide an API call to ledger.js that you'll be able to invoke!

[jkup]

@bradleyrichter is all the "Advanced Settings.." has for now the view/print and recover buttons? Is the rest of the dialog empty?

Also in your first mockup there are both Backup and Recover buttons but in your second one there is only a View/Print button. Which are we going with?

[bradleyrichter]

@mrose17 claims those settings are a slam-dunk to connect? So if easy, we can do them now.

The buttons are from different dialogs. Backup and Recover each have their own 2nd dialog.

[mrose17]

accidentally closed when a supporting ledger change was made!

[jkup]

Bumping this because it's surely going to slip tonight.

@mrose17 @ayumi I have the front end work complete. Is the back end work finished? i.e can I get a user's ledger keys and is there an endpoint I can hit to recover them?

Assuming this work is done, can one of you help me with how to go about implementing it in the client? Thanks!

[bbondy]

@jkup could you put up a WIP PR for this? Just want to see how close we are on it. Thanks!

[jkup]

Will do!