matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-11 20:22:36 +03:00
Code Activity

Move 'show join button' functionality out

Browse Source 
And have it as a prop to the directory search box instead, so the
room directory can do more complex logic.
This commit is contained in:
David Baker
2016-09-29 15:05:15 +01:00
parent 66ef1e8156
commit 9a633ee449
1 changed files with 5 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/views/elements/DirectorySearchBox.js
View File

@@ -54,7 +54,7 @@ export default class DirectorySearchBox extends React.Component {
this.setState({value: ev.target.value});
if (this.props.onChange) {
this.props.onChange(this.state.value);
this.props.onChange(ev.target.value);
}
}
@@ -72,13 +72,6 @@ export default class DirectorySearchBox extends React.Component {
}
}
_contentLooksLikeAlias() {
if (!this.input) return false;
// liberal test for things that look like room aliases
return /^#.+:/.test(this.state.value);
}
render() {
const searchbox_classes = {
mx_DirectorySearchBox: true,
@@ -86,7 +79,7 @@ export default class DirectorySearchBox extends React.Component {
searchbox_classes[this.props.className] = true;
let join_button;
if (this._contentLooksLikeAlias()) {
if (this.props.showJoinButton) {
join_button = <span className="mx_DirectorySearchBox_joinButton"
onClick={this._onJoinButtonClick}
>
@@ -100,7 +93,7 @@ export default class DirectorySearchBox extends React.Component {
className="mx_DirectorySearchBox_input"
ref={this._collectInput}
onChange={this._onChange} onKeyUp={this._onKeyUp}
placeholder="Find a room by keyword or room alias (#matrix:matrix.org)"
placeholder={this.props.placeholder}
/>
{join_button}
<span className="mx_DirectorySearchBox_clear_wrapper">
@@ -116,4 +109,6 @@ DirectorySearchBox.propTypes = {
onChange: React.PropTypes.func,
onClear: React.PropTypes.func,
onJoinClick: React.PropTypes.func,
placeholder: React.PropTypes.string,
showJoinButton: React.PropTypes.bool,
};