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

Fix bigs with JTX

Browse source
This commit is contained in:
Jonas Whidden 2016-07-16 00:19:40 -05:00
parent f7790e8bf8
commit ea178e6ae4
2 changed files with 16 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
js/app.js
View file

@ -59,7 +59,7 @@ var App = React.createClass({
} else if (this.state.viewingPage == 'claim') { } else if (this.state.viewingPage == 'claim') {
return <ClaimCodePage />; return <ClaimCodePage />;
} else if (this.state.viewingPage == 'show') { } else if (this.state.viewingPage == 'show') {
return <DetailPage />; return <DetailPage name={this.state.pageArgs}/>;
} }
} }
}); });

30
js/page/show.js
View file

@ -37,21 +37,21 @@ var FormatItem = React.createClass({
return ( return (
<div className="row-fluid" style={formatItemStyle}> <div className="row-fluid" style={formatItemStyle}>
<div className="span4"> <div className="span4">
<img src={metadata.thumbnail} alt={'Photo for ' + this.props.metadata.title} style={thumbStyle} /> <img src={this.props.metadata.thumbnail} alt={'Photo for ' + this.props.metadata.title} style={formatItemImgStyle} />
</div> </div>
<div className="span8"> <div className="span8">
<h4 style={formatHeaderStyle}>{this.state.title}</h4> <h4 style={formatHeaderStyle}>{this.props.metadata.title}</h4>
<div style={formatSubheaderStyle}> <div style={formatSubheaderStyle}>
<div style={formatItemCostStyle}><CreditAmount amount={this.props.amount} isEstimate={true}/></div> <div style={formatItemCostStyle}><CreditAmount amount={this.props.amount} isEstimate={true}/></div>
<WatchLink streamName={this.props.name} /> <WatchLink streamName={this.props.name} />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
<DownloadLink streamName={this.props.name} /> <DownloadLink streamName={this.props.name} />
</div> </div>
<p style={formatItemDescriptionStyle}>{metadata.description}</p> <p style={formatItemDescriptionStyle}>{this.props.metadata.description}</p>
<div> <div>
<span style={formatItemMetadataStyle}>Author: {metadata.author}</span><br /> <span style={formatItemMetadataStyle}>Author: {this.props.metadata.author}</span><br />
<span style={formatItemMetadataStyle}>Language: {metadata.language}</span><br /> <span style={formatItemMetadataStyle}>Language: {this.props.metadata.language}</span><br />
<span style={formatItemMetadataStyle}>License: {metadata.license}</span><br /> <span style={formatItemMetadataStyle}>License: {this.props.metadata.license}</span><br />
</div> </div>
</div> </div>
</div> </div>
@ -90,14 +90,14 @@ var FormatsSection = React.createClass({
var format = this.state.metadata; var format = this.state.metadata;
return ( return (
<h1>this.props.name</h1> <div>
<section> <h1>{this.props.name}</h1>
// In future, anticipate multiple formats, just a guess at what it could look like {/* In future, anticipate multiple formats, just a guess at what it could look like
// var formats = metadata.formats // var formats = metadata.formats
// return (<tbody>{formats.map(function(format,i){ // return (<tbody>{formats.map(function(format,i){ */}
<FormatItem metadata=format> <FormatItem metadata={format} amount={this.state.amount} name={this.props.name}/>
// })}</tbody>); {/* })}</tbody>); */}
</section>); </div>);
} }
}); });
@ -109,7 +109,7 @@ var DetailPage = React.createClass({
return ( return (
<main className="page"> <main className="page">
<SubPageLogo /> <SubPageLogo />
<FormatsSection name=name/> <FormatsSection name={this.props.name}/>
<section> <section>
<Link href="/" label="<< Return" /> <Link href="/" label="<< Return" />
</section> </section>