ref(chat): change input placeholder

This commit is contained in:
Leonard Kim 2019-05-02 13:05:32 -07:00 committed by virtuacoplenny
parent afbc622fb9
commit 4d04141f24
2 changed files with 10 additions and 5 deletions

View File

@ -50,7 +50,7 @@
}, },
"chat": { "chat": {
"error": "Error: your message \"__originalText__\" was not sent. Reason: __error__", "error": "Error: your message \"__originalText__\" was not sent. Reason: __error__",
"messagebox": "Enter text...", "messagebox": "Type a message",
"nickname": { "nickname": {
"popover": "Choose a nickname", "popover": "Choose a nickname",
"title": "Enter a nickname to use chat" "title": "Enter a nickname to use chat"

View File

@ -4,6 +4,7 @@ import React, { Component } from 'react';
import Emoji from 'react-emoji-render'; import Emoji from 'react-emoji-render';
import type { Dispatch } from 'redux'; import type { Dispatch } from 'redux';
import { translate } from '../../../base/i18n';
import { connect } from '../../../base/redux'; import { connect } from '../../../base/redux';
import { sendMessage } from '../../actions'; import { sendMessage } from '../../actions';
@ -23,7 +24,12 @@ type Props = {
/** /**
* Optional callback to get a reference to the chat input element. * Optional callback to get a reference to the chat input element.
*/ */
getChatInputRef?: Function getChatInputRef?: Function,
/**
* Invoked to obtain translated strings.
*/
t: Function
}; };
/** /**
@ -114,11 +120,10 @@ class ChatInput extends Component<Props, State> {
</div> </div>
<div className = 'usrmsg-form'> <div className = 'usrmsg-form'>
<textarea <textarea
data-i18n = '[placeholder]chat.messagebox'
id = 'usermsg' id = 'usermsg'
onChange = { this._onMessageChange } onChange = { this._onMessageChange }
onKeyDown = { this._onDetectSubmit } onKeyDown = { this._onDetectSubmit }
placeholder = { 'Enter Text...' } placeholder = { this.props.t('chat.messagebox') }
ref = { this._setTextAreaRef } ref = { this._setTextAreaRef }
value = { this.state.message } /> value = { this.state.message } />
</div> </div>
@ -233,4 +238,4 @@ class ChatInput extends Component<Props, State> {
} }
} }
export default connect()(ChatInput); export default translate(connect()(ChatInput));