Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-17 05:55:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

keep filter field expanded if it has text in it

Browse Source
This commit is contained in:
Bruno Windels 2019-09-11 13:46:18 +02:00
parent 68dde07f49
commit ad2e16d432
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/structures/LeftPanel.js
View File

@ -81,7 +81,7 @@ const LeftPanel = createReactClass({
if (this.state.searchFilter !== nextState.searchFilter) {
return true;
}
if (this.state.searchFocused !== nextState.searchFocused) {
if (this.state.searchExpanded !== nextState.searchExpanded) {
return true;
}
@ -206,6 +206,7 @@ const LeftPanel = createReactClass({
if (source === "keyboard") {
dis.dispatch({action: 'focus_composer'});
}
this.setState({searchExpanded: false});
},
collectRoomList: function(ref) {
@ -213,11 +214,13 @@ const LeftPanel = createReactClass({
},
_onSearchFocus: function() {
this.setState({searchFocused: true});
this.setState({searchExpanded: true});
},
_onSearchBlur: function() {
this.setState({searchFocused: false});
_onSearchBlur: function(event) {
if (event.target.value.length === 0) {
this.setState({searchExpanded: false});
}
},
render: function() {
@ -255,7 +258,7 @@ const LeftPanel = createReactClass({
let exploreButton;
if (!this.props.collapsed) {
exploreButton = (
<div className={classNames("mx_LeftPanel_explore", {"mx_LeftPanel_explore_hidden": this.state.searchFocused})}>
<div className={classNames("mx_LeftPanel_explore", {"mx_LeftPanel_explore_hidden": this.state.searchExpanded})}>
<AccessibleButton onClick={() => dis.dispatch({action: 'view_room_directory'})}>{_t("Explore")}</AccessibleButton>
</div>
);