imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

preserve SearchBox searchTerm state when collapsing

Browse source
This commit is contained in:
Bruno Windels 2019-02-04 18:51:41 +00:00
parent a6914274b0
commit bdc3e1173d
2 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/structures/LeftPanel.js
View file

@ -199,9 +199,10 @@ const LeftPanel = React.createClass({
}, },
); );
const searchBox = !this.props.collapsed ? const searchBox = (<SearchBox
<SearchBox onSearch={ this.onSearch } onCleared={ this.onSearchCleared } /> : onSearch={ this.onSearch }
undefined; onCleared={ this.onSearchCleared }
collapsed={this.props.collapsed} />);
return ( return (
<div className={containerClasses}> <div className={containerClasses}>

7
src/components/structures/SearchBox.js
View file

@ -97,6 +97,13 @@ module.exports = React.createClass({
render: function() { render: function() {
const TintableSvg = sdk.getComponent('elements.TintableSvg'); const TintableSvg = sdk.getComponent('elements.TintableSvg');
// check for collapsed here and
// not at parent so we keep
// searchTerm in our state
// when collapsing and expanding
if (this.props.collapsed) {
return null;
}
const clearButton = this.state.searchTerm.length > 0 ? const clearButton = this.state.searchTerm.length > 0 ?
(<AccessibleButton key="button" (<AccessibleButton key="button"
className="mx_SearchBox_closeButton" className="mx_SearchBox_closeButton"