LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Packages Projects Releases 238 Wiki Activity

Replace copy button by using CopyableText for the lbryum path.

Browse source
This commit is contained in:
Joshua Campbell 2019-07-01 14:00:20 -07:00 committed by Sean Yesmunt
parent b292fb7ed4
commit 814f5b635e
1 changed files with 3 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/ui/component/walletBackup/view.jsx
View file

@ -1,7 +1,8 @@
// @flow
import * as React from 'react';
import { shell, clipboard, remote } from 'electron';
import { shell, remote } from 'electron';
import Button from 'component/button';
import CopyableText from 'component/copyableText';
import AdmZip from 'adm-zip';
import path from 'path';
@ -34,12 +35,6 @@ class WalletBackup extends React.PureComponent<Props, State> {
this.setState({ successMessage: message });
}
flashSuccessMessage(message: string, delay: ?number) {
delay = delay || 2000;
this.showSuccessMessage(message);
setTimeout(() => this.setState({ successMessage: null }), delay, { once: true });
}
clearMessages() {
this.setState({ errorMessage: null, successMessage: null });
}
@ -89,17 +84,6 @@ class WalletBackup extends React.PureComponent<Props, State> {
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() {
const { daemonSettings } = this.props;
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:'
)}
</p>
<p className="card__message">{lbryumWalletDir}</p>
<CopyableText copyable={lbryumWalletDir} snackMessage={__('Path copied.')} />
<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.'
@ -153,11 +137,6 @@ class WalletBackup extends React.PureComponent<Props, State> {
{this.state.successMessage}
</p>
<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"