diff options
author | François Schmidts <francois.schmidts@gmail.com> | 2016-01-28 11:44:20 +0100 |
---|---|---|
committer | François Schmidts <francois.schmidts@gmail.com> | 2016-01-28 11:44:20 +0100 |
commit | 9ac90ba4bb85e2fab5cfc73ad9d6f3ec71c5b854 (patch) | |
tree | f31a50459ca9021f1d7ca03f6c63ca95ec98c44d /src/web/js/components/MiddlePanel.react.js | |
parent | redoing UI and finishing up sidebar (diff) | |
download | newspipe-9ac90ba4bb85e2fab5cfc73ad9d6f3ec71c5b854.tar.gz newspipe-9ac90ba4bb85e2fab5cfc73ad9d6f3ec71c5b854.tar.bz2 newspipe-9ac90ba4bb85e2fab5cfc73ad9d6f3ec71c5b854.zip |
restoring build command
Diffstat (limited to 'src/web/js/components/MiddlePanel.react.js')
-rw-r--r-- | src/web/js/components/MiddlePanel.react.js | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/src/web/js/components/MiddlePanel.react.js b/src/web/js/components/MiddlePanel.react.js index 0a1dad45..01c8b696 100644 --- a/src/web/js/components/MiddlePanel.react.js +++ b/src/web/js/components/MiddlePanel.react.js @@ -60,13 +60,13 @@ var MiddlePanelFilter = React.createClass({ return (<Row className="show-grid"> <ButtonGroup> <Button active={this.state.filter == "all"} - onMouseDown={() => this.setFilter("all")} + onMouseDown={this.setAllFilter} bsSize="small">All</Button> <Button active={this.state.filter == "unread"} - onMouseDown={() => this.setFilter("unread")} + onMouseDown={this.setUnreadFilter} bsSize="small">Unread</Button> <Button active={this.state.filter == "liked"} - onMouseDown={() => this.setFilter("liked")} + onMouseDown={this.setLikedFilter} bsSize="small">Liked</Button> </ButtonGroup> <ButtonGroup> @@ -76,10 +76,18 @@ var MiddlePanelFilter = React.createClass({ </Row> ); }, - setFilter: function(filter) { - this.setState({filter: filter}); - MiddlePanelActions.setFilter(filter); - } + setAllFilter: function() { + this.setState({filter: 'all'}); + MiddlePanelActions.setFilter('all'); + }, + setUnreadFilter: function() { + this.setState({filter: 'unread'}); + MiddlePanelActions.setFilter('unread'); + }, + setLikedFilter: function() { + this.setState({filter: 'liked'}); + MiddlePanelActions.setFilter('liked'); + }, }); var MiddlePanel = React.createClass({ |