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

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>
);