blob: 8b9b3fcd123f4f732d5489d260b8c62f51574b67 [file] [log] [blame]
var Preact = require('preact');
var h = require('preact').h;
var createClass = require('preact-compat').createClass;
var SortButton = require('./sortbutton.jsx');
var SortCriteria = require('./SortCriteria');
var SortDropdown = createClass({
render: function() {
var downloadsButton;
if(this.props.downloadsEnabled) {
downloadsButton = <SortButton setSort={this.props.setSort} criteria={SortCriteria.Downloads}/>;
}
return (
<div className="dropdown plugins-sort-dropdown">
<button className="btn btn-primary btn-block dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<strong>Sort: </strong>{this.props.selected}
<span className="caret"></span>
</button>
<ul className="dropdown-menu" aria-labelledby="dropdownMenu1">
<SortButton setSort={this.props.setSort} criteria={SortCriteria.Quality}/>
<SortButton setSort={this.props.setSort} criteria={SortCriteria.RecentlyUpdated}/>
{downloadsButton}
</ul>
</div>
);
}
});
module.exports = SortDropdown;