diff options
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({ |