hide explore button when focusing filter field

This commit is contained in:
Bruno Windels 2019-09-10 10:57:25 +02:00
parent 80dd5a1b0a
commit da98080859
3 changed files with 28 additions and 0 deletions

View file

@ -81,6 +81,9 @@ const LeftPanel = createReactClass({
if (this.state.searchFilter !== nextState.searchFilter) {
return true;
}
if (this.state.searchFocused !== nextState.searchFocused) {
return true;
}
return false;
},
@ -209,6 +212,14 @@ const LeftPanel = createReactClass({
this._roomList = ref;
},
_onSearchFocus: function() {
this.setState({searchFocused: true});
},
_onSearchBlur: function() {
this.setState({searchFocused: false});
},
render: function() {
const RoomList = sdk.getComponent('rooms.RoomList');
const RoomBreadcrumbs = sdk.getComponent('rooms.RoomBreadcrumbs');
@ -255,6 +266,8 @@ const LeftPanel = createReactClass({
placeholder={ _t('Filter room names') }
onSearch={ this.onSearch }
onCleared={ this.onSearchCleared }
onFocus={this._onSearchFocus}
onBlur={this._onSearchBlur}
collapsed={this.props.collapsed} />);
let breadcrumbs;