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

implement editor placeholder

Browse source
This commit is contained in:
Bruno Windels 2019-08-06 17:52:47 +02:00
parent e2e4ea493f
commit f9992a1fc6
4 changed files with 26 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/views/rooms/BasicMessageComposer.js
View file

@ -54,6 +54,16 @@ export default class BasicMessageEditor extends React.Component {
console.error(err);
}
}
if (this.props.placeholder) {
const {isEmpty} = this.props.model;
if (isEmpty) {
this._editorRef.style.setProperty("--placeholder", `'${this.props.placeholder}'`);
this._editorRef.classList.add("mx_BasicMessageComposer_inputEmpty");
} else {
this._editorRef.classList.remove("mx_BasicMessageComposer_inputEmpty");
this._editorRef.style.removeProperty("--placeholder");
}
}
this.setState({autoComplete: this.props.model.autoComplete});
this.historyManager.tryPush(this.props.model, caret, inputType, diff);
}

1
src/components/views/rooms/SendMessageComposer.js
View file

@ -100,6 +100,7 @@ export default class SendMessageComposer extends React.Component {
model={this.model}
room={this.props.room}
label={_t("Send message")}
placeholder={this.props.placeholder}
/>
</div>
);