Show Upgrade App button if an upgrade is available

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

View file

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

View file

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