LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Add prominent upgrade button when upgrade is pending

Browse source
This commit is contained in:
Igor Gassmann 2017-11-10 11:55:34 -03:00
parent 2012fc17d4
commit 9e0f8adb58
2 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,7 @@
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,
@ -19,8 +20,8 @@ const select = state => ({
isForwardDisabled: selectIsForwardDisabled(state), isForwardDisabled: selectIsForwardDisabled(state),
balance: formatCredits(selectBalance(state) || 0, 1), balance: formatCredits(selectBalance(state) || 0, 1),
publish: __("Publish"), publish: __("Publish"),
upgrade: __("Upgrade"), upgradeLabel: __("Upgrade App"),
upgradeSkipped: true, upgradeSkipped: selectUpgradeSkipped(state),
}); });
const perform = dispatch => ({ const perform = dispatch => ({

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

@ -80,17 +80,18 @@ export const Header = props => {
title={__("Settings")} title={__("Settings")}
/> />
</div> </div>
<rem>HEY I'M HER E</rem> {upgradeSkipped ? (
{upgradeSkipped <div className="header__item">
? <div className="header__item"> <Link
<Link onClick={() => downloadUpgrade()}
onClick={() => downloadUpgrade()} button="primary button--flat"
button="primary button--flat" icon="icon-arrow-up"
icon="icon-upload" label={upgradeLabel}
label={upgradeLabel} />
/> </div>
</div> ) : (
: ""} ""
)}
</header> </header>
); );
}; };