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

Show correct price on Show page

Browse source
This commit is contained in:
Alex Liebowitz 2016-08-23 01:22:29 -04:00
parent f80b057a6b
commit d16c4aa181
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
js/page/show.js
View file

@ -12,6 +12,7 @@ var FormatItem = React.createClass({
claimInfo: React.PropTypes.object,
amount: React.PropTypes.number,
name: React.PropTypes.string,
available: React.PropTypes.string,
},
render: function() {
@ -24,6 +25,7 @@ var FormatItem = React.createClass({
var license = claimInfo.license;
var fileContentType = claimInfo['content-type'];
var available = this.props.available;
var amount = this.props.amount || 0.0;
return (
@ -39,7 +41,7 @@ var FormatItem = React.createClass({
<td>Content-Type</td><td>{fileContentType}</td>
</tr>
<tr>
<td>Cost</td><td><CreditAmount amount={amount} isEstimate={true}/></td>
<td>Cost</td><td><CreditAmount amount={amount} isEstimate={!available}/></td>
</tr>
<tr>
<td>Author</td><td>{author}</td>
@ -65,6 +67,7 @@ var FormatsSection = React.createClass({
claimInfo: React.PropTypes.object,
amount: React.PropTypes.number,
name: React.PropTypes.string,
available: React.PropTypes.string,
},
render: function() {
var name = this.props.name;
@ -86,7 +89,7 @@ var FormatsSection = React.createClass({
{/* In future, anticipate multiple formats, just a guess at what it could look like
// var formats = this.props.claimInfo.formats
// return (<tbody>{formats.map(function(format,i){ */}
<FormatItem claimInfo={format} amount={this.props.amount} name={this.props.name} />
<FormatItem claimInfo={format} amount={this.props.amount} name={this.props.name} available={this.props.available} />
{/* })}</tbody>); */}
</div>);
}
@ -109,7 +112,8 @@ var DetailPage = React.createClass({
lbry.search(this.props.name, (results) => {
var result = results[0];
this.setState({
amount: result.amount,
amount: result.cost,
available: result.available,
claimInfo: result.value,
searching: false,
});
@ -122,13 +126,14 @@ var DetailPage = React.createClass({
}
var name = this.props.name;
var available = this.state.available;
var claimInfo = this.state.claimInfo;
var amount = this.state.amount;
return (
<main>
<section className="card">
<FormatsSection name={name} claimInfo={claimInfo} amount={amount} />
<FormatsSection name={name} claimInfo={claimInfo} amount={amount} available={available} />
</section>
</main>);
}