lbry-desktop/ui/js/page/discover.js

66 lines
2.1 KiB
JavaScript
Raw Normal View History

2016-11-22 21:19:08 +01:00
import React from 'react';
2017-04-07 07:15:22 +02:00
import lbry from '../lbry.js';
import lighthouse from '../lighthouse.js';
import {FileTile} from '../component/file-tile.js';
import Link from 'component/link';
2017-01-21 22:31:41 +01:00
import {ToolTip} from '../component/tooltip.js';
2016-04-10 02:00:56 +02:00
2017-04-10 14:32:40 +02:00
const communityCategoryToolTipText = ('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," "four" and ' +
2017-04-10 14:32:40 +02:00
'"five" to put your content here!');
let FeaturedCategory = React.createClass({
2017-04-10 14:32:40 +02:00
render: function() {
2017-04-12 04:01:45 +02:00
return (<div className="card-row card-row--small">
2017-04-10 14:32:40 +02:00
{ this.props.category ?
<h3 className="card-row__header">{this.props.category}
{ this.props.category.match(/^community/i) ?
2017-04-10 14:32:40 +02:00
<ToolTip label="What's this?" body={communityCategoryToolTipText} className="tooltip--header"/>
: '' }</h3>
: '' }
2017-04-10 16:09:48 +02:00
{ this.props.names.map((name) => { return <FileTile key={name} displayStyle="card" uri={name} /> }) }
2017-04-10 14:32:40 +02:00
</div>)
}
})
let DiscoverPage = React.createClass({
2017-02-09 21:53:19 +01:00
getInitialState: function() {
return {
2017-04-12 04:01:45 +02:00
featuredUris: {},
failed: false
2017-02-09 21:53:19 +01:00
};
},
componentWillMount: function() {
2017-04-12 04:01:45 +02:00
lbryio.call('discover', 'list', { version: "early-access" } ).then(({Categories, Uris}) => {
let featuredUris = {}
Categories.forEach((category) => {
if (Uris[category] && Uris[category].length) {
featuredUris[category] = Uris[category]
}
})
this.setState({ featuredUris: featuredUris });
}, () => {
this.setState({
failed: true
})
2017-02-09 21:53:19 +01:00
});
},
render: function() {
return <main>{
this.state.failed ?
<div className="empty">Failed to load landing content.</div> :
<div>
{
Object.keys(this.state.featuredUris).map((category) => {
return this.state.featuredUris[category].length ?
<FeaturedCategory key={category} category={category} names={this.state.featuredUris[category]} /> :
'';
})
}
</div>
}</main>;
2016-04-10 02:00:56 +02:00
}
2016-08-21 22:59:32 +02:00
});
2016-11-22 21:19:08 +01:00
export default DiscoverPage;