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

Hide/show autocomplete based on selection state

Browse source
This commit is contained in:
Aviral Dasgupta 2016-06-21 15:46:20 +05:30
parent f6a76edfdf
commit fb6eec0f7d
11 changed files with 114 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/views/rooms/MessageComposer.js
View file

@ -36,7 +36,8 @@ export default class MessageComposer extends React.Component {
this.onInputContentChanged = this.onInputContentChanged.bind(this);
this.state = {
autocompleteQuery: ''
autocompleteQuery: '',
selection: null
};
}
@ -121,11 +122,11 @@ export default class MessageComposer extends React.Component {
});
}
onInputContentChanged(content: string) {
onInputContentChanged(content: string, selection: {start: number, end: number}) {
this.setState({
autocompleteQuery: content
autocompleteQuery: content,
selection
});
console.log(content);
}
render() {
@ -200,7 +201,7 @@ export default class MessageComposer extends React.Component {
return (
<div className="mx_MessageComposer mx_fadable" style={{ opacity: this.props.opacity }}>
<div className="mx_MessageComposer_autocomplete_wrapper">
<Autocomplete query={this.state.autocompleteQuery} />
<Autocomplete query={this.state.autocompleteQuery} selection={this.state.selection} />
</div>
<div className="mx_MessageComposer_wrapper">
<div className="mx_MessageComposer_row">