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

In DownloadLink, offer dropdown in "downloading" state

Browse source
This commit is contained in:
Alex Liebowitz 2017-01-10 02:15:12 -05:00
parent 8a1f0b76b1
commit 986ce927f0
1 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
js/component/link.js
View file

@ -242,6 +242,13 @@ export let DownloadLink = React.createClass({
}
},
render: function() {
const openInFolderMessage = window.navigator.platform.startsWith('Mac') ? 'Open in Finder' : 'Open in Folder';
const dropDownItems = [
<MenuItem onClick={this.handleRevealClicked} label={openInFolderMessage} />,
<MenuItem onClick={this.handleRemoveClicked} label="Remove..." />,
];
let linkBlock;
if (this.props.state == 'not-started') {
linkBlock = (
@ -251,18 +258,20 @@ export let DownloadLink = React.createClass({
const label = `${parseInt(this.props.progress * 100)}% complete`;
linkBlock = (
<span>
<Link button="download" className="button-download--bg" label={label} icon="icon-download"
onClick={this.handleClick} />
<Link button="download" className="button-download--fg" label={label} icon="icon-download"
onClick={this.handleClick} style={{width: `${this.props.progress * 100}%`}} />
</span>
<DropDown button="download" className="button-download--bg" label={label} icon="icon-download"
onClick={this.handleClick}>
{dropDownItems}
</DropDown>
<DropDown button="download" className="button-download--fg" label={label} icon="icon-download"
onClick={this.handleClick} style={{width: `${this.props.progress * 100}%`}}>
{dropDownItems}
</DropDown>
</span>
);
} else if (this.props.state == 'done') {
const openInFolderMessage = window.navigator.platform.startsWith('Mac') ? 'Open in Finder' : 'Open in Folder';
linkBlock = (
<DropDown button="alt" label="Open" onClick={this.handleClick} onCaretClick={this.openMenu}>
<MenuItem onClick={this.handleRevealClicked} label={openInFolderMessage} />
<MenuItem onClick={this.handleRemoveClicked} label="Remove..." />
{dropDownItems}
</DropDown>
);
} else {