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

split out tool tip to separate component

Browse source
This commit is contained in:
Jeremy Kauffman 2016-08-07 16:36:57 -04:00 committed by Alex Liebowitz
parent 45f14598b9
commit 98ebf02ca6
2 changed files with 26 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
js/component/link.js
View file

@ -1,8 +1,30 @@
var Link = React.createClass({
handleClick: function() {
if (this.props.onClick) {
this.props.onClick();
}
},
render: function() {
var href = this.props.href ? this.props.href : 'javascript:;',
icon = this.props.icon ? <Icon icon={this.props.icon} /> : '',
className = (this.props.button ? 'button-block button-' + this.props.button : 'button-text') +
(this.props.hidden ? ' hidden' : '') + (this.props.disabled ? ' disabled' : '') + ' ' + this.props.className;
return (
<a className={className} href={href} style={this.props.style ? this.props.style : {}}
title={this.props.title} onClick={this.handleClick}>
{this.props.icon ? icon : '' }
{this.props.label}
</a>
);
}
});
var linkContainerStyle = {
position: 'relative',
};
var Link = React.createClass({
var ToolTipLink = React.createClass({
getInitialState: function() {
return {
showTooltip: false,
@ -47,6 +69,7 @@ var Link = React.createClass({
}
});
var ReturnLink = React.createClass({
render: function() {
return <div style={ { padding: '24px 0' } }><Link

3
js/page/home.js
View file

@ -224,7 +224,8 @@ var FeaturedContent = React.createClass({
<h3>Featured Content</h3>
</div>
<div className="span6">
<h3>Community Content <Link style={featuredContentLegendStyle} label="What's this?" tooltip='Community Content is a public space where anyone can share content with the rest of the LBRY community. Bid on the names "one," "two," "three" and "four" to put your content here!' /></h3>
<h3>Community Content <ToolTipLink style={featuredContentLegendStyle} label="What's this?"
tooltip='Community Content is a public space where anyone can share content with the rest of the LBRY community. Bid on the names "one," "two," "three" and "four" to put your content here!' /></h3>
</div>
</div>