LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-09-02 18:25:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Show Upgrade App button if an upgrade is available

Browse source
This commit is contained in:
Igor Gassmann 2017-11-14 22:51:06 -03:00
parent 03c9a14c71
commit 09be36e367
2 changed files with 12 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/js/component/header/index.js
View file

@ -1,7 +1,6 @@
import React from "react"; import React from "react";
import { formatCredits } from "util/formatCredits"; import { formatCredits } from "util/formatCredits";
import { connect } from "react-redux"; import { connect } from "react-redux";
import { selectUpgradeSkipped } from "selectors/app";
import { import {
selectIsBackDisabled, selectIsBackDisabled,
selectIsForwardDisabled, selectIsForwardDisabled,
@ -12,16 +11,17 @@ import {
doHistoryBack, doHistoryBack,
doHistoryForward, doHistoryForward,
} from "actions/navigation"; } from "actions/navigation";
import { doDownloadUpgrade } from "actions/app";
import Header from "./view"; import Header from "./view";
import { selectIsUpgradeAvailable } from "../../selectors/app";
import { doDownloadUpgrade } from "../../actions/app";
const select = state => ({ const select = state => ({
isBackDisabled: selectIsBackDisabled(state), isBackDisabled: selectIsBackDisabled(state),
isForwardDisabled: selectIsForwardDisabled(state), isForwardDisabled: selectIsForwardDisabled(state),
isUpgradeAvailable: selectIsUpgradeAvailable(state),
balance: formatCredits(selectBalance(state) || 0, 1), balance: formatCredits(selectBalance(state) || 0, 1),
publish: __("Publish"), publish: __("Publish"),
upgradeLabel: __("Upgrade App"), upgradeLabel: __("Upgrade App"),
upgradeSkipped: selectUpgradeSkipped(state),
}); });
const perform = dispatch => ({ const perform = dispatch => ({

22
ui/js/component/header/view.jsx
View file

@ -6,14 +6,14 @@ export const Header = props => {
const { const {
balance, balance,
back, back,
downloadUpgrade,
forward, forward,
isBackDisabled, isBackDisabled,
isForwardDisabled, isForwardDisabled,
isUpgradeAvailable,
navigate, navigate,
publish, publish,
upgradeLabel, upgradeLabel,
upgradeSkipped, downloadUpgrade,
} = props; } = props;
return ( return (
<header id="header"> <header id="header">
@ -80,17 +80,13 @@ export const Header = props => {
title={__("Settings")} title={__("Settings")}
/> />
</div> </div>
{upgradeSkipped ? ( {isUpgradeAvailable && (
<div className="header__item"> <Link
<Link onClick={() => downloadUpgrade()}
onClick={() => downloadUpgrade()} button="primary button--flat"
button="primary button--flat" icon="icon-arrow-up"
icon="icon-arrow-up" label={upgradeLabel}
label={upgradeLabel} />
/>
</div>
) : (
""
)} )}
</header> </header>
); );