Added wallet backup guide referance.
It also displays the current wallet path so user doesn't have to "go places" Could use a different/better msg though, this was more of a place holder.
This commit is contained in:
parent
be8c115fd5
commit
aefda6398b
6 changed files with 68 additions and 0 deletions
|
@ -9,6 +9,7 @@ Web UI version numbers should always match the corresponding version of LBRY App
|
|||
## [Unreleased]
|
||||
### Added
|
||||
* Added a new component, `FormFieldPrice` which is now used in Publish and Settings
|
||||
* Added wallet backup guide reference
|
||||
*
|
||||
|
||||
### Changed
|
||||
|
|
|
@ -14,6 +14,7 @@ import FileListPublished from "page/fileListPublished";
|
|||
import ChannelPage from "page/channel";
|
||||
import SearchPage from "page/search";
|
||||
import AuthPage from "page/auth";
|
||||
import BackupPage from "page/backup";
|
||||
|
||||
const route = (page, routesMap) => {
|
||||
const component = routesMap[page];
|
||||
|
@ -26,6 +27,7 @@ const Router = props => {
|
|||
|
||||
return route(currentPage, {
|
||||
auth: <AuthPage params={params} />,
|
||||
backup: <BackupPage params={params} />,
|
||||
channel: <ChannelPage params={params} />,
|
||||
developer: <DeveloperPage params={params} />,
|
||||
discover: <DiscoverPage params={params} />,
|
||||
|
|
10
ui/js/page/backup/index.js
Normal file
10
ui/js/page/backup/index.js
Normal file
|
@ -0,0 +1,10 @@
|
|||
import React from "react";
|
||||
import { connect } from "react-redux";
|
||||
import { selectDaemonSettings } from "selectors/settings";
|
||||
import BackupPage from "./view";
|
||||
|
||||
const select = state => ({
|
||||
daemonSettings: selectDaemonSettings(state),
|
||||
});
|
||||
|
||||
export default connect(select, null)(BackupPage);
|
49
ui/js/page/backup/view.jsx
Normal file
49
ui/js/page/backup/view.jsx
Normal file
|
@ -0,0 +1,49 @@
|
|||
import React from "react";
|
||||
import SubHeader from "component/subHeader";
|
||||
import Link from "component/link";
|
||||
|
||||
class BackupPage extends React.PureComponent {
|
||||
render() {
|
||||
const { daemonSettings } = this.props;
|
||||
|
||||
if (!daemonSettings || Object.keys(daemonSettings).length === 0) {
|
||||
return (
|
||||
<main className="main--single-column">
|
||||
<SubHeader />
|
||||
<span className="empty">{__("Failed to load settings.")}</span>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<main className="main--single-column">
|
||||
<SubHeader />
|
||||
<section className="card">
|
||||
<div className="card__title-primary">
|
||||
<h3>{__("Backup Wallet")}</h3>
|
||||
</div>
|
||||
<div className="card__content">
|
||||
{__(
|
||||
"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."
|
||||
)}
|
||||
<Link
|
||||
label={__("Backup LBRY wallet")}
|
||||
href="https://lbry.io/faq/how-to-backup-wallet"
|
||||
/>
|
||||
</div>
|
||||
<div className="card__content">
|
||||
{__("Path of your wallet is: ")}
|
||||
<span style={{ backgroundColor: "rgba(211, 211, 211, 0.49)" }}>
|
||||
{__(`${daemonSettings.lbryum_wallet_dir}`)}
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default BackupPage;
|
|
@ -41,6 +41,8 @@ export const selectPageTitle = createSelector(
|
|||
return __("Send");
|
||||
case "receive":
|
||||
return __("Receive");
|
||||
case "backup":
|
||||
return __("Backup");
|
||||
case "rewards":
|
||||
return __("Rewards");
|
||||
case "start":
|
||||
|
@ -130,16 +132,19 @@ export const selectDownloadComplete = createSelector(
|
|||
);
|
||||
|
||||
export const selectHeaderLinks = createSelector(selectCurrentPage, page => {
|
||||
// This contains intentional fall throughs
|
||||
switch (page) {
|
||||
case "wallet":
|
||||
case "send":
|
||||
case "receive":
|
||||
case "rewards":
|
||||
case "backup":
|
||||
return {
|
||||
wallet: __("Overview"),
|
||||
send: __("Send"),
|
||||
receive: __("Receive"),
|
||||
rewards: __("Rewards"),
|
||||
backup: __("Backup"),
|
||||
};
|
||||
case "downloaded":
|
||||
case "published":
|
||||
|
|
|
@ -57,6 +57,7 @@ export const selectWunderBarIcon = createSelector(selectCurrentPage, page => {
|
|||
case "wallet":
|
||||
case "send":
|
||||
case "receive":
|
||||
case "backup":
|
||||
return "icon-bank";
|
||||
case "show":
|
||||
return "icon-file";
|
||||
|
|
Loading…
Reference in a new issue