diff --git a/js/component/common.js b/js/component/common.js index 4daaed476..f767e8a1b 100644 --- a/js/component/common.js +++ b/js/component/common.js @@ -57,7 +57,7 @@ var creditAmountStyle = { fontWeight: 'bold', fontSize: '0.8em' }, estimateStyle = { - marginLeft : '5px', + fontSize: '0.8em', color: '#aaa', }; @@ -73,8 +73,8 @@ var CreditAmount = React.createClass({ var formattedAmount = lbry.formatCredits(this.props.amount); return ( - {formattedAmount} - { this.props.isEstimate ? (est) : null } + {formattedAmount} {parseFloat(formattedAmount) == 1.0 ? 'credit' : 'credits'} + { this.props.isEstimate ? (est) : null } ); } diff --git a/js/page/discover.js b/js/page/discover.js index f2b75f17b..ce3a8657c 100644 --- a/js/page/discover.js +++ b/js/page/discover.js @@ -91,7 +91,7 @@ var SearchResultRow = React.createClass({
- +
lbry://{this.props.name}

{this.props.title}

@@ -129,6 +129,7 @@ var FeaturedContentItem = React.createClass({ this.setState({ metadata: metadata, amount: result.cost, + available: result.available, title: metadata && metadata.title ? metadata.title : ('lbry://' + this.props.name), }) }); @@ -139,8 +140,10 @@ var FeaturedContentItem = React.createClass({ // Still waiting for metadata return null; } + return ; + description={this.state.metadata.description} cost={this.state.amount} + available={this.state.available} />; } });