Copy path, open, and backup buttons for wallet on Help page #2587

Closed
ghost wants to merge 3 commits from wallet-backup-buttons-master into master
Showing only changes of commit 7544b231a0 - Show all commits

View file

@ -1,7 +1,8 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import { shell, clipboard, remote } from 'electron'; import { shell, remote } from 'electron';
import Button from 'component/button'; import Button from 'component/button';
import CopyableText from 'component/copyableText';
import AdmZip from 'adm-zip'; import AdmZip from 'adm-zip';
import path from 'path'; import path from 'path';
@ -34,12 +35,6 @@ class WalletBackup extends React.PureComponent<Props, State> {
this.setState({ successMessage: message }); this.setState({ successMessage: message });
} }
flashSuccessMessage(message: string, delay: ?number) {
delay = delay || 2000;
this.showSuccessMessage(message);
setTimeout(() => this.setState({ successMessage: null }), delay, { once: true });
}
clearMessages() { clearMessages() {
this.setState({ errorMessage: null, successMessage: null }); this.setState({ errorMessage: null, successMessage: null });
} }
@ -89,17 +84,6 @@ class WalletBackup extends React.PureComponent<Props, State> {
shell.showItemInFolder(outputPath); shell.showItemInFolder(outputPath);
} }
copyWalletDirToClipboard(lbryumWalletDir: ?string) {
this.clearMessages();
if (lbryumWalletDir) {
clipboard.writeText(lbryumWalletDir);
this.flashSuccessMessage(__('Copied path to clipboard.'));
} else {
this.showErrorMessage(__('No wallet folder was found.'));
}
}
render() { render() {
const { daemonSettings } = this.props; const { daemonSettings } = this.props;
const { wallet_dir: lbryumWalletDir } = daemonSettings; const { wallet_dir: lbryumWalletDir } = daemonSettings;
@ -135,7 +119,7 @@ class WalletBackup extends React.PureComponent<Props, State> {
'However, it is fairly easy to back up manually. To backup your wallet, make a copy of the folder listed below:' 'However, it is fairly easy to back up manually. To backup your wallet, make a copy of the folder listed below:'
)} )}
</p> </p>
<p className="card__message">{lbryumWalletDir}</p> <CopyableText copyable={lbryumWalletDir} snackMessage={__('Path copied.')} />
<p> <p>
{__( {__(
'Access to these files are equivalent to having access to your credits. Keep any copies you make of your wallet in a secure place.' 'Access to these files are equivalent to having access to your credits. Keep any copies you make of your wallet in a secure place.'
@ -153,11 +137,6 @@ class WalletBackup extends React.PureComponent<Props, State> {
{this.state.successMessage} {this.state.successMessage}
</p> </p>
<div className="card__actions"> <div className="card__actions">
<Button
button="primary"
label={__('Copy Folder Path')}
onClick={() => this.copyWalletDirToClipboard(lbryumWalletDir)}
/>
<Button button="primary" label={__('Open Folder')} onClick={() => shell.openItem(lbryumWalletDir)} /> <Button button="primary" label={__('Open Folder')} onClick={() => shell.openItem(lbryumWalletDir)} />
<Button <Button
button="primary" button="primary"