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:" + )} +

+

+ + {__(`${daemonSettings.lbryum_wallet_dir}`)} + +

+

+ + {__( + "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")} + /> +
+
{currentPage === "wallet" ? : ""} {currentPage === "send" ? : ""} diff --git a/ui/js/selectors/app.js b/ui/js/selectors/app.js index c110a1747..c605f20fd 100644 --- a/ui/js/selectors/app.js +++ b/ui/js/selectors/app.js @@ -144,7 +144,6 @@ export const selectHeaderLinks = createSelector(selectCurrentPage, page => { send: __("Send"), receive: __("Receive"), rewards: __("Rewards"), - backup: __("Backup"), }; case "downloaded": case "published":