diff --git a/ui/js/component/link/view.jsx b/ui/js/component/link/view.jsx
index a39e9947c..f385225f3 100644
--- a/ui/js/component/link/view.jsx
+++ b/ui/js/component/link/view.jsx
@@ -17,11 +17,9 @@ const Link = props => {
const className =
(props.className || "") +
- (!props.className && !props.button ? "button-text" : "") + // Non-button links get the same look as text buttons
- (props.button
- ? " button-block button-" + props.button + " button-set-item"
- : "") +
- (props.disabled ? " disabled" : "");
+ (!props.className && !button ? "button-text" : "") + // Non-button links get the same look as text buttons
+ (button ? " button-block button-" + button + " button-set-item" : "") +
+ (disabled ? " disabled" : "");
let content;
if (children) {
diff --git a/ui/js/page/backup/view.jsx b/ui/js/page/backup/view.jsx
index 22dc966c2..f3d930a17 100644
--- a/ui/js/page/backup/view.jsx
+++ b/ui/js/page/backup/view.jsx
@@ -23,22 +23,28 @@ class BackupPage extends React.PureComponent {
{__("Backup Wallet")}
- {__(
- "Right now there is no automated procedure for backing up the wallet, but rest assured we are working on it(We do have a lot on our plates ^‿^)."
- )}
- {__(
- " But you can still back it up manually, by following the steps mentioned here."
- )}
-
-
-
- {__("Path of your wallet is: ")}
-
- {__(`${daemonSettings.lbryum_wallet_dir}`)}
-
+
+ {__(
+ "Currently, there is no automatic wallet backup, but it is fairly easy to back up manually."
+ )}
+
+
+ {__(
+ "To backup your wallet, make a copy of the folder listed below:"
+ )}
+
+
+ {__(
+ "Access to these files are equivalent to having access to your credits. Keep any copies you make of your wallet in a secure place."
+ )}
+
+
diff --git a/ui/js/page/wallet/index.js b/ui/js/page/wallet/index.js
index cf77f3803..810899d54 100644
--- a/ui/js/page/wallet/index.js
+++ b/ui/js/page/wallet/index.js
@@ -1,5 +1,6 @@
import React from "react";
import { connect } from "react-redux";
+import { doNavigate } from "actions/app";
import { selectCurrentPage } from "selectors/app";
import { selectBalance } from "selectors/wallet";
import WalletPage from "./view";
@@ -9,4 +10,8 @@ const select = state => ({
balance: selectBalance(state),
});
-export default connect(select, null)(WalletPage);
+const perform = dispatch => ({
+ navigate: path => dispatch(doNavigate(path)),
+});
+
+export default connect(select, perform)(WalletPage);
diff --git a/ui/js/page/wallet/view.jsx b/ui/js/page/wallet/view.jsx
index c4b0d7bad..423c15473 100644
--- a/ui/js/page/wallet/view.jsx
+++ b/ui/js/page/wallet/view.jsx
@@ -3,11 +3,11 @@ import SubHeader from "component/subHeader";
import TransactionList from "component/transactionList";
import WalletAddress from "component/walletAddress";
import WalletSend from "component/walletSend";
-
+import Link from "component/link";
import { CreditAmount } from "component/common";
const WalletPage = props => {
- const { balance, currentPage } = props;
+ const { balance, currentPage, navigate } = props;
return (
@@ -19,6 +19,14 @@ const WalletPage = props => {
+
+
+ navigate("/backup")}
+ label={__("Backup Your Wallet")}
+ />
+